Добавить содержимое в div и прокрутить/анимировать вниз

Я пытаюсь сделать прокрутку div вниз после добавления нового содержимого (используя append)

Вот основная часть:

$('#textdiv').append('
Lorem ipsum dolor sit amet, solet nostrud concludaturque no eam. Ne quod recteque pri. Porro nulla zril mei eu. Eu nibh rebum pri, eu est maiorum menandri, ridens tamquam abhorreant te eum. Ipsum definiebas ad mel.
');

$('#textdiv').animate({scrollTop: $('#textdiv').height()}, 1000);

Посмотрите/попробуйте в скрипке: http://jsfiddle.net/5ucD3/7/

Очень глючит.. Он не прокручивается вниз (только, может быть, сначала несколько добавлений). Когда я прокручиваю вниз и добавляю новый контент, он прокручивается вверх. Иногда вообще не анимируется.

Как заставить его работать всегда? Я полагаю, мне нужно как-то получить правильнуювысоту, но не знаю как