title: How do I stop a web page from scrolling to the top when a link is clicked that triggers JavaScript?
body: <p>When I have a link that is wired-up with a jQuery or JavaScript event such as:</p>
  
  <pre><code>&lt;a href="#"&gt;My Link&lt;/a&gt;
  </code></pre>
  
  <p>How do I prevent the page from scrolling to the top?  When I remove the href attribute from the anchor the page doesn't scroll to the top but the link doesn't appear to be click-able.</p>