title: How to prevent default event firing but still allow event to bubble
body: <p>Using jQuery: with the following code I'd like to prevent the href url (in this case a hash '#') being fired on click, but still allow the click event to continue bubbling up the chain. How can this be achieved please?</p>
  
  <pre><code>&lt;div&gt;
      &lt;a href="#"&gt;Test&lt;/a&gt;
  &lt;/div&gt;
  
  $('a').click(function(e){
      // stop a.click firing but allow click event to continue bubbling?
  });
  </code></pre>