title: How do you make page not scroll to top when clicking a # link?
body: <p>I have a bunch of divs set up with a class that triggers a jquery click function.</p>
  
  <p>The divs each have just this in them so that the hand cursor appears on mouseover</p>
  
  <pre><code>&lt;a href="#"&gt;▼&lt;/a&gt;
  </code></pre>
  
  <p>Problem is, the page scrolls to the top on click (which makes sense).</p>
  
  <p>What's the way to not have the page jump to the top, while making the hand cursor appear on mouseover?</p>
  
  <p>Thanks guys.</p>