jquery - jqueryでデータを追加してカーソルを移動するには?

Question

点滅するカーソルを作成しています。このカーソルは、データの最後 (数秒後に来るデータ) で点滅し、div に追加する必要があります。今のところ、カーソルの位置は固定されています。カーソルを最後に移動する必要があります。 contend.Here が試します。 http://jsfiddle.net/naveennsit/prUYP/

$(document).on('click', '#call', function(event) {


     setInterval(function(){
   $('#realTimeContents' ).append("kkkkkkkkkk"+'\n');

  },3000);
     setInterval(function(){

cursorAnimation();  
  },600);
});


function cursorAnimation() 
{
   // alert("yy")
  $("div.cursor").animate(
  {
    opacity: 0
  }, "fast", "swing").animate(
  {
    opacity: 1
  }, "fast", "swing");
}

このような結果が必要です

kkkkkkk|
KKKKKK  KKKKKKKK|

KKKKKk  kkkkkkkk  kkkkkkk|