title: How to stopPropagation() w/ Hammer.js 2.0?
body: <p>I have a parent and child div.  Panning/dragging on the child should not affect the parent.  <a href="https://stackoverflow.com/questions/11019868/stoppropagation-with-tap-event">This is a similar question</a> but was asked a year ago, and I'm using a newer version of Hammer.js w/ the jQuery wrapper.</p>
  
  <p>My assumption was that I'd have to somehow stopPropagation() but I'm not really sure how to use it.</p>
  
  <p>I've mocked up <a href="http://jsfiddle.net/f3a25pvn/" rel="nofollow noreferrer">a demo showing my problem on JsFiddle</a>.  I've also commented out the couple things I've tried.</p>
  
  <pre><code>$(".outer-box").hammer().bind("panright", function(event){
      // do stuff when panning
      // panning here should move both boxes
  });
  $(".outer-box").hammer().bind("panend", function(event){
      // do stuff when panning ends
  });
  
  $(".inner-box").hammer().bind("panright", function(event){
      // do stuff when panning
      // panning here should only affect the inner box
  });
  $(".inner-box").hammer().bind("panend", function(event){
      // do stuff when panning ends
  });
  </code></pre>
  
  <p>Any suggestions or tips?  Thanks!</p>