JS scroll starts bottom. I want it start at top
<p>The site I am working on:
<a href="http://bit.ly/OZSjT9" rel="nofollow">http://bit.ly/OZSjT9</a></p>

<p>Please view source code.  I have so many different JS codes I think it's conflicting.</p>

<p>I am sooo new at Javascript that I have to get code online to get things to work.  Well my trouble is this.  Every time you load the page it starts at the bottom of the one page website.  It obviously should start at the top so that visitors will see the header first.  Can anyone explain to me why this is happening?  And how do I fix it?  Thanks so much!</p>

<pre><code>$('a[href*=#]').each(function() {
            if ( filterPath(location.pathname) == filterPath(this.pathname)
            &amp;&amp; location.hostname == this.hostname
            &amp;&amp; this.hash.replace(/#/,'') ) {
              var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
              var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
               if ($target) {
                 var targetOffset = $target.offset().top;
                 $(this).click(function() {
                   $('html, body').animate({scrollTop: targetOffset}, 2000);
                   return false;
                 });
              }
            }
          });
</code></pre>
