button to scroll all the way to the top with click of button
<p>i have this javascript so that when a user is scrolling on the page there will be a small icon to the side that will scroll all the way back up the page rather than manually scrolling. The button shows fine but when i click on it it is not going all the way to the top. </p>

<p><strong>html</strong></p>

<pre><code>&lt;a href="#" class="scrollup"&gt;Scroll&lt;/a&gt;
</code></pre>

<p><strong>Script</strong></p>

<pre><code>$(document).ready(function () {

        $('#main').scroll(function () {
            if ($(this).scrollTop() &gt; 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });

        $('.scrollup').click(function () {
            $("html, body, main_container, main").animate({ scrollTop: 0 }, 600);
            return false;
        });

    });
</code></pre>
