显示内容选择单选按钮

Question

我想创建一个场景，我在切换单选按钮时显示不同的内容。它在Chrome中工作正常，但不能在IE中工作。不清楚发生了什么问题。

<div id="Q6"> 
    <input type="radio" id="Q6A" value="yes" name="Q6"/>Same as current address<br/> 
    <input type="radio" id="Q6B" value="no" name="Q6"/>New address<br/> 
</div> 

<div id="Q6Aoutput" style="display:none;">1</div> 
<div id="Q6Boutput" style="display:none;">2</div> 

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