title: Why does page scroll up when href="#" is clicked?
body: <p>I have a hyper link as such <code>&lt;a href="#" id="someID"&gt;Link&lt;/a&gt;</code> that i have to scroll down the page to get to.  This hyperlink is only there to trigger an Ajax request.  When ever i click this hyperlink the page scrolls all the way to the top!  How can i fix this?  I use <code>#</code> because anything else would reload the page.  Am I using it wrong?</p>
  
  <h3>EDIT:</h3>
  
  <p>Its kind of hard for me to explain what am doing so if you run this you get the same problem that i am facing.  Even after returning false.</p>
  
  <pre><code>   &lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;a href="#" id="link" style="position:absolute; top:200%;"&gt;Link&lt;/a&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  &lt;script type="text/javascript"&gt;
      document.getElementById("link").onmousedown = function(){
          this.style.color="red";
          return false;
      }
  &lt;/script&gt;
  </code></pre>