title: href="#" appends # on end of page url
body: <p>Let's say I have the following link:</p>
  
  <pre><code>&lt;a href="#" onclick="alert('You clicked a link.');"&gt;Click Me!&lt;/a&gt;
  </code></pre>
  
  <p>When clicked this link will alert a message as well as appending a pound sign on the end of the page url. <br/>This doesn't look very pretty is there any way to avoid it besides using javascript in the url itself:</p>
  
  <pre><code>&lt;a href="javascript:alert('You clicked a link.');"&gt;Click Me!&lt;/a&gt;
  </code></pre>