refresh radiobutton

refresh radiobutton

I have radio buttons in my jquery mobile page like this:
<div data-role="page" id="mypage">

<div data-role="content" id="mycontent">
<div data-role="controlgroup" id="set">
        <label><input type="radio" name="staffapproach"  data-mini="true" value="great"/>Great</label>
        <label><input type="radio" name="staffapproach" data-mini="true" value="good"/>Good</label>
        <label><input type="radio" name="staffapproach" data-mini="true" value="needs improvement"/>Improvement</label>
        <input type="button" value="click" onclick="abc()"/>
</div>
</div>
</div>
on click event of button I am doing this:

<script>
    function abc() {
        $('#mycontent').page();
        $("input[type='radio']").attr("checked", true).checkboxradio("refresh");
    }
</script>
But the effect is not taking place so please help about how to refresh radiobuttons in jquery mobile.

Thanks