Jquery Mobile - Radio group change -


i sure missing obvious, new jquery. using jquery mobile following markup:

<div>     <input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" />     <label for="radio-choice-1">option 1</label> </div> <div>     <input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />     <label for="radio-choice-2">option 2</label> </div> <div>     <input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />     <label for="radio-choice-3">option 3</label> </div> 

and trying perform action when value changes.

so have:

$(":input[@name='radio-choice-1']").change(function() {         alert('clicked'); }); 

now first time select option, event doesn't fire. fire when subsequently change (i.e. 2nd, 3rd etc. time) not first. assume because not being 'changed' per se, given value. tried changing click never fires.

what missing here? appreciated.

i think help

$(document).ready(function() {  $(":input[@name='radio-choice-1']").live('change mousedown',function(event) {          alert('clicked');  });   }); 

working example here http://jsfiddle.net/xvuas/1/


Comments