javascript - イベント変更内容を貼り付けて同じ場所に返す

Question

私がやろうとしていることを説明するために、このjsfiddleを作成しました

http://jsfiddle.net/nonyck/tyyCN/

$('.autoresize').bind('paste', function(e) {
    e.preventDefault();
    var data = e.originalEvent.clipboardData.getData('text');
     if(data.match("http://.*?.(jpg|png|gif)")) {
       $('.autoresize').val($('.autoresize').val() + "<image src='" + data + "' >");
     } else { 
       $('.autoresize').val( $('.autoresize').val() + data);
     }
});

私が試みているのは、貼り付けイベントを取得し、それを変更して、フォーカスがある場所に正確に戻すことです。この例では、コンテンツを最後まで返すだけです。

したがって、ユーザーが行 2 にいて、そこにコンテンツを貼り付ける場合は、変更されたコンテンツをドキュメントの最後ではなく、そこに配置します。

正しい場所に値を返す方法はありますか??