title: stopPropagation() with tap event
body: <p>I'm using <a href="http://eightmedia.github.com/hammer.js/" rel="noreferrer">hammer.js</a> and it appears that I <code>event.stopPropagation()</code> doesn't work with tap event.</p>
  
  <p>If I click on the child, the associated event is triggered but parent's event is also triggered and I don't want that.</p>
  
  <pre><code>$('#parent').hammer().bind('tap', function(e) {
      $(this).css('background', 'red');
  });​​​​​​​​
  
  $('#child').hammer().bind('tap', function(e) {
      e.stopPropagation();
      $(this).css('background', 'blue');
  });
  </code></pre>
  
  <p>Here is an example: <a href="http://jsfiddle.net/Mt9gV/" rel="noreferrer">http://jsfiddle.net/Mt9gV/</a></p>
  
  <p>​
  I also tried with <a href="http://jgestures.codeplex.com/" rel="noreferrer">jGestures</a> and the issue seems to be the same.
  How can I achieve this result with one of those library? (or another one if it is needed)</p>