title: Jquery Mobile - Radio group change
body: <p>I am sure I am missing something very obvious, as I new to Jquery. I am using Jquery Mobile with the following markup:</p>
  
  <pre><code>&lt;div&gt;
      &lt;input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" /&gt;
      &lt;label for="radio-choice-1"&gt;Option 1&lt;/label&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  /&gt;
      &lt;label for="radio-choice-2"&gt;Option 2&lt;/label&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input data-theme="c" type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  /&gt;
      &lt;label for="radio-choice-3"&gt;Option 3&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I am trying to perform an action when the value changes.  </p>
  
  <p>So I have:</p>
  
  <pre><code>$(":input[@name='radio-choice-1']").change(function() {
          alert('clicked');
  });
  </code></pre>
  
  <p>Now the first time I select an option, the event doesn't fire.  It does fire when I subsequently change it (i.e. the 2nd, 3rd etc. time) but not the first.  I assume it is because it not being 'changed' per se, just given a value.  I tried to changing it to click but then it never fires.</p>
  
  <p>What am I missing here?  Any help much appreciated.</p>