jquery - div アニメーションのクエリ

Question

ページの上部に向かって div 全体をアニメーション化する方法を知りたいのですが、今ではかなり単純に思えますが、多くの調査を行った後でも、何が間違っていたのかわかりません。単に機能しません。ここに私のコードがあります：

<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function()
{
    $('#q').bind('webkitspeechchange',function()
    {
        $(this).parent('form').submit();
    });
});
function check()
{
    var searchtext = document.getElementById("q").value;
    if(searchtext=='')
    {
        return false;
    }
    else
    {
        return true; 
    }
}
$( document ).ready(function() {
  $("#q").focus();
});



$("#button").click( function() {             
    $("#content").animate({
        top: 0
    },1000)
});



</script>

#content を一番上にアニメーション化しようとしています。参考までに、完全なページは次のとおりです: http://dev.thiv.net/

私は本当に立ち往生しています、どんな助けでも大歓迎です！ありがとう