Jquery, How to unselect all radio button in radio group

Question

Anyone know how to unselect all radio buttons in a radio group ?

HTML:

<div id="emptimfields">               <label id="lbl_emptim">How regulary do you employ people to help cultivate your land? </label><br/><br/>               <fieldset data-role="controlgroup" data-type="vertical" id="emptim">                <input name="emptim" id="radio1" value="fromtimetotime" type="radio" openmrs-valuecoded="" />               <label for="radio1"> From time to time </label>                <input name="emptim" id="radio2" value="allthetime" type="radio" openmrs-valuecoded="" />               <label for="radio2">All the time</label>                <input name="emptim" id="radio3" value="dontknow" type="radio" openmrs-valuecoded="" />               <label for="radio3"> Don't know </label>              </fieldset>         </div> 

JQuery side:

$('input:radio[name=emptim]:checked').prop('checked', false); // doesn't work  

I'm certainly missing something basic, but I can't figure out what is the problem.

First, I check Yes and then check a value of the second radio group :

Then, I check No to hide the second radio group:

Then, If I click on next, I get the value of what I've checked (but I checked no previously, so here I don't want an alert, I want the radioButton "From time to time" to be unchecked) :

Finally, if I come back, nothing happend :

Answer 1

You can give them a classname and try:

$('.classname').prop('checked', false); 

When you use an older version of jQuery than 1.6 it has to be:

 $('<selector>').attr('checked', false); 

EDIT :

Call the method .checkboxradio("refresh"); has also worked for me.