jQuery中.attr()和.prop()

jquery 中点击<span>里的文本使radio被选中，但是重复点击后事件不触发

<div id="test">
<input type="radio" name="radio" value="a" /><span id="span1">aaa</span>
<input type="radio" name="radio" value="b" /><span id="span2">bbb</span>
</div>

var $radio = $("#test").find("input[type=radio]");
$flag = $radio.is(":checked");
if( !$flag ){
   $radio.prop("checked",true);

  //添加属性名称该属性就会生效应该使用.prop()
}