JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<div data-role="page">
<div data-role="listview">
<a href="#" id="first">Add a Button</a>
</div>
</div>
JavaScript
$(function () {
var $first_button = $('#first'),
$container = $('[data-role="content"]'),
count = 1;
$first_button.on('click', function () {
$container.append('<a data-role="button" href="#">Dynamic Button #' + (count++) +'</a>').trigger('create');
});
$container.on('click', 'a:not(#first)', function () {
alert('You\'re pressing my buttons.');
});
});