title: Stop child from triggering parent event in hammer.js
body: <p>When binding an hammer event to a element, the event is also triggered by it's child element. Using <code>stopPropagation</code> to keep the event from bubbling up doesn't seem to work.</p>
  <p>HTML:</p>
  <pre><code>&lt;div id=&quot;parent&quot;&gt;
      &lt;div id=&quot;child&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>JS:</p>
  <pre><code>var hammertime = new Hammer(document.getElementById('parent'));
  
  hammertime.on('tap', function(e) {
      e.srcEvent.stopPropagation();
      alert('Clicked on ' + e.target.id);
  });
  </code></pre>
  <p>See JSFiddle for example: <a href="http://jsfiddle.net/qqvyqzgh/3/" rel="nofollow noreferrer">http://jsfiddle.net/qqvyqzgh/3/</a></p>
  <p>What am I missing here?</p>