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