title: Delegating Hammer.js events with jQuery
body: <p>I have started using Hammer.js (<a href="https://github.com/eightmedia/hammer.js" rel="nofollow noreferrer">https://github.com/eightmedia/hammer.js</a>) which is a great little script, but I'm unsure how to delegate the events using jQuery's .on() event handler.</p>
  
  <p>I've set up a little jsfiddle example here: <a href="http://jsfiddle.net/will/3dUKu/1/" rel="nofollow noreferrer">http://jsfiddle.net/will/3dUKu/1/</a></p>
  
  <pre><code>var i = 0;
  // How would I apply hammer to this situation?
  $('nav').on('click', 'button', function() {
      $('&lt;button id="' + i + '"&gt;Extra button ' + i + ' (' + $(this).attr('id') + ')&lt;/button&gt;').appendTo('nav');
      i++;
  });
  </code></pre>