title: Weird issue selecting a radio button
body: <p>I seem to be having an issue selecting a radio button using jQuery. I put together a <a href="http://jsfiddle.net/Fz7vr/" rel="nofollow">simple Fiddle here</a> to demonstrate the issue. Here is my HTML:</p>
  
  <pre><code>&lt;div id="divRadioButtons"&gt;
      &lt;div style="width: 600px; margin: 5px auto;"&gt;
          &lt;div style="display: inline"&gt;&lt;input type="radio" name="activeStatus" value="Active" id="rbActiveActive" checked="checked"&gt;Active&lt;/div&gt;&amp;nbsp;
          &lt;div style="display: inline"&gt;&lt;input type="radio" name="activeStatus" value="Inactive" id="rbActiveInactive"&gt;Inactive&lt;/div&gt;&amp;nbsp;
          &lt;div style="display: inline"&gt;&lt;input type="radio" name="activeStatus" value="ComingSoon" id="rbActiveComingSoon"&gt;Coming Soon&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="display: inline-table"&gt;
      &lt;input type="button" value="Active" id="btnActive" /&gt;
  &lt;/div&gt;
  &lt;div style="display: inline-table"&gt;
      &lt;input type="button" value="Inactive" id="btnInactive" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my jQuery:</p>
  
  <pre><code>$(function() {
      Reset();
  
      $('#btnActive').click(function() {
          Reset();
          $('#rbActiveActive').attr('checked', true);
          $('#rbActiveInactive').attr('checked', false);
          $('#rbActiveComingSoon').attr('checked', false);
          $('#divRadioButtons').show();
  
      });
  
      $('#btnInactive').click(function() {
          Reset();
          $('#rbActiveActive').attr('checked', false);
          $('#rbActiveInactive').attr('checked', true);
          $('#rbActiveComingSoon').attr('checked', false);
          $('#divRadioButtons').show();
      });
  });
  
  function Reset()
  {
      $('#divRadioButtons').hide();
      $('#rbActiveActive').attr('checked', false);
      $('#rbActiveInactive').attr('checked', false);
      $('#rbActiveComingSoon').attr('checked', false);
  }
  </code></pre>
  
  <p>When I click on the <code>Active</code> button, I want the active radio button to be checked. When I click on the <code>Inactive</code> button, I want the Inactive radio button to be checked. </p>
  
  <p>The issue is really weird because check this out. If I run my fiddle and click the <code>Inactive</code> button, it works. But if I click the <code>Inactive</code> button a second time (or third, or fourth time), it deselects it and never works again. If I run my fiddle and select the <code>Active</code> button, it never works, even though the button code is identical!</p>
  
  <p>Can someone please point me in the right direction? I seem to be tearing my hair out at this issue.</p>