title: href="#" Going to Top of Page - Prevent?
body: <p>I have a page with some jQuery functions. The HTML on the page looks like so: </p>
  
  <pre><code>&lt;a href="#" class="service"&gt;Open&lt;/a&gt;
  </code></pre>
  
  <p>When I click the Open button a hidden panel slides out. The jQuery itself works great however when I click the button it also takes me to the top of the page. </p>
  
  <p>Is this the defualt behavior and how do I prevent every <code>href="#"</code> from taking me to the top of the page. </p>
  
  <p>Note: I could add id's and tell the href to direct to that ID. I do not want to do that for various reasons (including adding unnecessary code).</p>