How to chain jQuery removeAttr for radios inside a Div
<p>I have a checkbox that shows/hides a div that contains a grid of radio buttons. At the bottom of my page I have this jQuery:</p>

<pre><code>$(document).ready(function(){
  $('#cb1_1').click(function(){ $('div#QxGrid').slideToggle('slow');
 });
});
</code></pre>

<p>And this works great. When the radio buttons are hidden though I would like the page to auto-uncheck any radios that were selected, so I tried chaining a <strong>removeAttr('checked')</strong>:</p>

<pre><code>$('#cb1_1').click(function(){ $('div#Qx1').removeAttr('checked').slideToggle('slow'); });
</code></pre>

<p>This doesn't work... Is that because the jQuery is expecting a radio with id Qx1? (not a bunch of radios inside the Qx1 div?) HTML extract (abbreviated) looks like</p>

<pre><code>&lt;div id="Qx1"&gt;
  &lt;p class="ans"&gt;
    &lt;input type="radio" name="q1" id="q11" value="1"&gt; etc.
    &lt;input type="radio" name="q1" id="q12" value="2"&gt; etc.
    &lt;input type="radio" name="q1" id="q13" value="3"&gt; etc.
  &lt;/p&gt;
&lt;/div&gt;
</code></pre>
