Создание jquery функции

Всем привет. Есть следующая функция:

function changeCount(current, next, selector) {
    $(function () {                     
        $({numberValue: current}).animate({numberValue: next}, { 
            duration: 500, 
            easing: "linear", 
            step: function(val) {  
                $(selector).html(Math.ceil(val)); 
            } 
        });
    }); 
}

Действие очень простое - анимация смены цифр. Вопрос: как ее преобразовать в:

(function( $ ){
  $.fn.changeNumbers = function(next) {
  };
})(jQuery);

Т.е. чтобы в коде к ней можно было обращаться по $(selector).changeNumbers(current, next)

Сделал такое:

(function( $ ){
      $.fn.changeNumbers = function(next) {
          $({numberValue: this.text()}).animate({numberValue: next}, { 
            duration: 500, 
            easing: "linear", 
            step: function(val) {  
                $(this).html(Math.ceil(val)); 
            } 
        });
      };
    })(jQuery);

Но выдает ошибку Uncaught TypeError: Cannot read property 'createDocumentFragment' of undefined в строке $(this).html(Math.ceil(val));

Не до конца понимаю контекст this в создании функций, первый раз делаю что-то свое по jquery. Заранее спасибо за помощь!