title: Toggling Radio Buttons with jQuery
body: <p>I am trying to toggle a couple of radio buttons using jQuery. But it is turning out to be not so simple.</p>
  
  <pre><code>&lt;button id="toggler"&gt;click me&lt;/button&gt;&lt;br&gt;
  &lt;input type="radio" name="speeds" value="fast" checked&gt;fast&lt;br&gt;
  &lt;input type="radio" name="speeds" value="slow"&gt;slow&lt;br&gt;
  
  $('#toggler').click(function() {
      $('input[name="speeds"]').each(function(){
          $(this).prop("checked", !$(this).prop("checked"));
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/beC7q/" rel="noreferrer">http://jsfiddle.net/beC7q/</a></p>
  
  <p>Could anyone please explain why the code above does not work?</p>