title: How to unselect all radio button in radio group using Jquery?
body: <p>I designed my mobile application using Codiqa. So all css and js are loading from the link. I don't know how to uncheck all radio buttons in a radiobutton list. I tried many coding but its not working for me. 
  HTML:</p>
  
  <pre><code>       &lt;div data-role="fieldcontain" data-controltype="radiobuttons"&gt;
            &lt;fieldset data-role="controlgroup" data-type="vertical"&gt;
                &lt;legend&gt;
                    Shift
                &lt;/legend&gt;
                &lt;input id="radio1" name="rbtnShift" value="1" data-theme="c" type="radio"&gt;
                &lt;label for="radio1"&gt;
                    AM
                &lt;/label&gt;
                &lt;input id="radio2" name="rbtnShift" value="2" data-theme="c" type="radio"&gt;
                &lt;label for="radio2"&gt;
                    PM
                &lt;/label&gt;
                &lt;input id="radio3" name="rbtnShift" value="3" data-theme="c" type="radio"&gt;
                &lt;label for="radio3"&gt;
                    Night
                &lt;/label&gt;
            &lt;/fieldset&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>  $("input:radio[name='rbtnShift']").each(function (i) {        
          this.checked = false;
      });
  </code></pre>
  
  <p>I tried above coding but its not working for me. I'm certainly missing something basic, but I can't figure out what is the problem.</p>
  
  <p>First, I select a option</p>
  
  <p><img src="https://i.stack.imgur.com/B7RG3.jpg" alt="enter image description here"></p>
  
  <p>After button click, it showing the same like given below</p>
  
  <p><img src="https://i.stack.imgur.com/v657l.jpg" alt="enter image description here"></p>