jQuery on button click not working

jQuery on button click not working

I am using jquery mobile click function, however, it is not working.
Here is an example of the button that I have, and it is contained within a
grid:
<div class="ui-block-c"><a class="request" data-role="button"
data-id="\"'+json[i].num+'\" data-type="3" data-icon="plus"
data-iconpos="right">Test</a></div>
jQuery function:
$('.request').on('click', function() {
alert("hi");
});
How do I fix this?