title: Uncheck radio buttons using jQuery general selectors
body: <p>I have the following form (it is dynamically generated and I have a few copies of it named form-0 to form-3)</p>
  
  <pre><code>&lt;form id="form-0" name="0"&gt;
  &lt;b&gt;what is bla?&lt;/b&gt;&lt;br&gt;
  &lt;div class="ansN" id="ans0"&gt;&lt;input type="radio" name="answerN" value="0"&gt; aaa &lt;/div&gt;
  &lt;div class="ansN" id="ans1"&gt;&lt;input type="radio" name="answerN" value="1"&gt; bbb &lt;/div&gt;
  &lt;div class="ansN" id="ans2"&gt;&lt;input type="radio" name="answerN" value="2"&gt; ccc &lt;/div&gt;
  &lt;div class="ansN" id="ans3"&gt;&lt;input type="radio" name="answerN" value="3"&gt; ddd &lt;/div&gt;
  &lt;input type="submit" value="Submit your answer"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>(ignore the divs, they are used for some other purpose)</p>
  
  <p>Itry to create an uncheck function so that will work on all the radio-buttons on the page,
  so I played with the console and tried to deselect them using this:</p>
  
  <pre><code>$('form[id^="form-"]').find("input:radio:checked").attr('checked', false);
  $('form[id^="form-"]').find("input:radio:checked").removeAttr("checked");
  </code></pre>
  
  <p>So the selector did find all the checked buttons, but it didn't uncheck them, why?
  when I use direct JS call: <code>document.forms[0].answerN[3].checked = false</code> it works fine,
  so I can use it inside a loop but I try to avoid loops here. Is there a better way?</p>
  
  <p>My goal is to have an uncheck function, so the second click on the radio button itself will uncheck it</p>