ページトップへ飛ぶボタンが動きません。

「ページトップへ」ボタンを押すと、フワッとスクロールしてトップへ戻りたいです。
ボタンを押すとトップへ戻るのは戻るのですが、動きがありません。
下記のように書いたのですが、どのあたりが誤っているのでしょうか？？
ご確認よろしくお願いします。

html

<!--ページトップへ戻る-->
<div class="pagetop" > <a href="#top"><img src="image/go_top.gif"></a></div>

css

/* トップへ戻るボタン */

.pagetop{
	text-align: center;
	margin: 10px 0 10px 0;
}

.pagetop a img{
   width: 80px;
	text-align: center;
}

js

<!--トップへ戻るjs--> 
<script>
$(document).ready(function(){
    // hide #back-top first
    $("#pagetop").hide();
    // fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#pagetop').fadeIn();
            } else {
                $('#pagetop').stop(true, true).fadeOut();
            }
        });
        // scroll body to 0px on click
        $('#pagetop a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
});	
	
</script> 	
<!--トップへ戻るjsここまで-->