jquery - アップスケーリングとフェードアウト効果

Question

Web ページに特定の div があります。divにカーソルを合わせると、アップスケールとフェードアウトを同時に行いたいです。CSSとJqueryを使用しています。これは私のフィドルです-> http://jsfiddle.net/tDATq/

現在の効果は、テキストがアップスケールしてからフェードアウトすることです。同時に欲しい。また、div 内のテキストは、アップスケーリング中にその位置を失います。助けてください

ここにコードHTMLがあります

<div id="tweets" class='fade'>
        Hello World
    <div> 

CSS

#tweets{
    width:250px;
    margin:auto;
    margin-top:30px;
    background-color:#fff;
    color:#00eaff;
}
#tweets:hover{
    -webkit-transform: scale(2.0);
          transform: scale(2.0);
}

Jクエリ

$("div.fade").hover(
 function(){$(this).fadeOut(1900);
            }

);