Цифры листаются сверху вниз
 

Добрый день!
Есть код на Jquery отсчета цифр от 50 до 100 (с шагом в 10).
Цифры просто сменяют одна на другую.
Подскажите, пожалуйста, как сделать так, что бы они сменяли друг друга сверху вниз. Как тут: http://ruseller.com/lessons/les1341/demo/index.html
Вот сам код:

$(document).ready(function () {

    var counter_flag = false;
   






        if ($(this).height() + $(this).scrollTop()> $("#counter1").offset().top && counter_flag == false) {
            console.log('Поехали');
            counter_flag = true;
            var i=50;
            f=function(){
                // тело цикла
                $('.counter').html(i + '%');
                // счётчик и условие исполнения цикла
                i=i+10; if (i<101) setTimeout(f, "100");

            };
            f();
        }



 


});