ScrollTo внутри элемента

[Joojic]

Привет всем!
Столкнулся с проблемой.

var $scr = 0;
function app(){
		f = document.getElementById('t-field').value;
		$.get('data/sth.php?value=' +f, {}, function (html) {
		$('.text-box').append("<p id=\"text" + $scr + "\">" + html + "</p>");
})
$('.text-box').scrollTo( '#text' + $scr, 800);
		$scr++;
	}

Суть такая. В один блок .text-box может добавляться информация из data/sth.php.... бесконечное количество раз. Этот блок имеет фиксированную высоту и overflow: auto;, как показано тут: http://jsfiddle.net/bKwbb/

В конце скрипта можно увидеть ту самую ненавистную(мне) строку:

$('.text-box').scrollTo( '#cons' + $scr, 800);

Которая, как Вы уже догадались, почему-то не работает.
Почему она может не работать и не скроллить элемент до нужного p #textXXXX?

[danik.js]

У объекта jQuery нет метода scrollTo()

[Joojic]

У объекта jQuery нет метода scrollTo()

А как-нибудь иначе это можно реализовать?

[danik.js]

$('.text-box').scrollTop( $('#cons' + $scr).position().top );

[Joojic]

Спасибо! Помогло