新しく追加されたテキストに自動スクロールが適応されるようにしたい

ツイッターのような投稿画面の実装を行なっております。
新規の投稿は前回の投稿の下に下に追加されるようになっております。
しかし、新しい投稿がされても投稿画面は動かず新規の投稿はどんどん下に下に溜まっていくだけ見づらい状態になります。

そのため新しく投稿された場合にその新規のテキストに自動的にスクロールされる機能を追加したいです。

#現状のコード

    .done(function(message) {
      var html = buildHTML(message);
      $('.messages').append(html);
      $(".messages").animate({scrollTop:$('#new_message').offset().top});
    })

このmessagesは投稿画面の投稿されたテキストの一覧が表示されるクラスでもう一つのnew_messageというのは仮置きで記述しております。
現状ですと投稿と同時にわずかにスクロールされるのですがなぜか新しいテキストのもとではなくて決まって3つ目くらいの投稿のテキストのもとにスクロールされるという不思議な状態です。

この現在new_messageと記述されている箇所に新規のテキストを意味するクラス名の記述が必要になると思うのですが追加されるテキストのクラス名はみんな同じなのでどう差別化して"新しく追加されたテキスト"という認識の記述にすればよいかわかりません。。

どうかご教授のほどよろしくお願い致します。