I am trying to add the tap event for radio buttons widget and it does not seem to work. Can someone help me out here?

The JS is here...

2. $(document).on('pageshow', function(){
3.       $("input:radio[name=cuisine-choice]").on("tap", function() {
4.             console.log($(this).val());
5.       });
6. });

The HTML is here...

2. <fieldset data-role="controlgroup" id="cuisine-choices">
3.                         <legend>Choose your cuisine</legend>
4.                         <input type="radio" name="cuisine-choice" id="cuisine-choice-cont" value="15" checked="checked" />
5.                         <label for="cuisine-choice-cont">Continental</label>
6.                         <input type="radio" name="cuisine-choice" id="cuisine-choice-mex" value="12" />
7.                         <label for="cuisine-choice-mex">Mexican</label>
8.                         <input type="radio" name="cuisine-choice" id="cuisine-choice-ind" value="14" />
9.                         <label for="cuisine-choice-ind">Indian</label>
10.                     </fieldset>

Link to JsFiddle -  http://jsfiddle.net/Shreerang/oj7um33h/

Cheers!
Shreerang
Web Developer
Spatial Unlimited