javascript - How to create click event for specific link in a jQuery listview.

Question

I'm trying to create a function that starts when you click on a specific link in a listview. The issue is that event doesn't seem to fire when you click the link. The list is created dynamically. I'm not sure if that causes an issue.

    <label for="listviewForLastTenCalls">Last Ten Calls:</label>
    <ul data-role="listview" id="listviewForLastTenCalls">
    </ul>
<script>
   $('#listviewForLastTenCalls li').click(function(){
        //alert('click event handler fired');
</script>

Answer 1

Demo

<ul data-role="listview" id="listviewForLastTenCalls">
  <!-- items dynamically generated -->
</ul>

JS

$(document).on('click', '#listviewForLastTenCalls li a', function () {
 // code
});