title: preventDefault() doesn't prevent the action
body: <p>When I use <code>event.preventDefault()</code> on a link it works, however when I use it on a button doesn't!</p>
  
  <p><a href="http://jsfiddle.net/46sbB/" rel="nofollow noreferrer">DEMO</a></p>
  
  <p>My code:</p>
  
  <pre><code>&lt;a id="link" href="http://www.google.com"&gt;link&lt;/a&gt;
  &lt;button id="button" onclick="alert('an alert')"&gt;button&lt;/button&gt;​
  
  $('#link').click(function(event){
    event.preventDefault();
  });
  $('#button').click(function(event){
    event.preventDefault();
  });
  </code></pre>
  
  <p>​
  Link action is cancelled, but when I click on the button, still executes the <code>onClick</code> action.</p>
  
  <p>Any help? what I want to do is to prevent the button <code>onClick</code> action <strong>without changing the button html</strong> (I know how to do </p>
  
  <p><code>$('#button').removeAttr('onclick');</code></p>