showing content on selecting radio buttion
<p>I am trying to create a scenario where I am showing different content on switching the radio button. it is working fine in chrome but not working in IE. Cant figure out what is going wrong. Any suggestion?     </p>

<pre><code>&lt;div id="Q6"&gt;
  &lt;input type="radio" id="Q6A" value="yes" name="Q6"/&gt;Same as current address&lt;br/&gt;
  &lt;input type="radio" id="Q6B" value="no" name="Q6"/&gt;New address&lt;br/&gt;
&lt;/div&gt;

&lt;div id="Q6Aoutput" style="display:none;"&gt;1&lt;/div&gt;
&lt;div id="Q6Boutput" style="display:none;"&gt;2&lt;/div&gt;

&lt;script&gt;
$('#Q6').change(function(){
  if($('#Q6A').attr('checked')){
    $('#Q6Aoutput').show();
  }else{
    $('#Q6Aoutput').hide();
  }
  //
  if($('#Q6B').attr('checked')){
      $('#Q6Boutput').show();
  }else{
      $('#Q6Boutput').hide();
  }
});
&lt;/script&gt;
</code></pre>
