Is there a more elegant way to write this?
<pre><code>$(function () {
 $('#button').click(function () {
     $('html, body').animate({
         scrollTop: $(document).height()
     },
     400);
     return false;
 });

 $('#top').click(function () {
     $('html, body').animate({
         scrollTop: '0px'
     },
     400);
     return false;
 });
});
</code></pre>

<p>I'm using that code to scroll to the bottom/top of the page. I'm wondering if there is a better way to write that? I'm new to jquery so I'm not sure but I've heard using <code>event.preventDefault()</code> may be better instead of <code>return false</code>? If so, where would I insert that?</p>
