jquery go to top
<p>when i click the next button it is suposed to go to the top of the next page but it only scrolls 3/4 of the way up...anyone have any sugestions?</p>

<pre><code>jQuery(document).ready( function($) {
        $("a#checkout-next").click( function() {
            $("#shopping-cart-form").fadeIn();
            var checkoutWidth = $("#shopping-cart").width() + 30;
            $("#checkout-bar-in").animate( {
                width :'+=50%'
            });
            $("#checkout-slider").animate( {
                marginLeft :'-=' + checkoutWidth
            }, 800, function() {
                $('body,html').animate( {
                    scrollTop :0
                }, 800);
            });
            return false;
        });
        $("a#checkout-back").click( function() {
            $("#shopping-cart-form").fadeOut();
            var checkoutWidth = $("#shopping-cart").width() + 30;
            $("#checkout-bar-in").animate( {
                width :'-=50%'
            });
            $("#checkout-slider").animate( {
                marginLeft :'+=' + checkoutWidth
            }, 800, function() {
                $('body,html').animate( {
                    scrollTop :0
                }, 800);
            });
            return false;
        });
    });
</code></pre>
