Checking and unchecking radio buttons with Jquery Mobile

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