Tap event on Radio Button

Tap event on Radio Button

Hello all.

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...

  1. $(document).on('pageshow', function(){
  2.       $("input:radio[name=cuisine-choice]").on("tap", function() {
  3.             console.log($(this).val());
  4.       });
  5. });
The HTML is here...
  1. <fieldset data-role="controlgroup" id="cuisine-choices">
  2.                         <legend>Choose your cuisine</legend>
  3.                         <input type="radio" name="cuisine-choice" id="cuisine-choice-cont" value="15" checked="checked" />
  4.                         <label for="cuisine-choice-cont">Continental</label>
  5.                         <input type="radio" name="cuisine-choice" id="cuisine-choice-mex" value="12" />
  6.                         <label for="cuisine-choice-mex">Mexican</label>
  7.                         <input type="radio" name="cuisine-choice" id="cuisine-choice-ind" value="14" />
  8.                         <label for="cuisine-choice-ind">Indian</label>
  9.                     </fieldset>


Cheers!
Shreerang
Web Developer
Spatial Unlimited