title: Checking and unchecking radio buttons with Jquery Mobile
body: <p>I can't check a set of checkboxes programatically with jquery mobile, I have the following code:</p>
  
  <pre><code>&lt;div data-role="fieldcontain"  id="div_radio" class="radiogroup"&gt;
      &lt;fieldset data-role="controlgroup"&gt;
          &lt;input type="radio" name="radio-pieces" id="radio-choice-1" value="3" checked="checked" /&gt;
          &lt;label for="radio-choice-1"&gt;1 to 3&lt;/label&gt;
  
          &lt;input type="radio" name="radio-pieces" id="radio-choice-2" value="5"  /&gt;
          &lt;label for="radio-choice-2"&gt;4 to 5&lt;/label&gt;
  
          &lt;input type="radio" name="radio-pieces" id="radio-choice-3" value="6"  /&gt;
          &lt;label for="radio-choice-3"&gt;over 5&lt;/label&gt;
      &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I do: <code>$("input[type='radio']:last").attr("checked",true).checkboxradio("refresh");</code> everything works perfect, but none of this work at all:</p>
  
  <pre><code>$("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
  $("input[type='radio']:eq(0)").attr("checked",true).checkboxradio("refresh");
  $("input[type='radio']:eq(1)").attr("checked",true).checkboxradio("refresh");
  $("input[type='radio']:eq(2)").attr("checked",true).checkboxradio("refresh");
  </code></pre>
  
  <p>How can I properly manipulate these elements? Unselecting all checkboxes also works fine:</p>
  
  <pre><code>$("input[type='radio']").attr("checked",false).checkboxradio("refresh");
  </code></pre>
  
  <p>It seems that the only checkbox working is the last one.</p>