解决jquery设置radio选中效果后，再次选中不触发事件问题

我遇到的问题是在多个li下的radio按钮设置了选中效果后，再次选择时无法显示选中效果。

页面代码：

<ul class="ebank_logo dn" id="allBanksLogo" style="display: block;">
<li>

<input type="radio" name="bankCode"  id="CMB" value="CMB" checked="checked" />
<span class="bank_logo bank65"></span>

</li>

<li>

<input type="radio" name="bankCode" id="ICBC" value="ICBC" /> 

<span class="bank_logo bank01"></span>

</li>
<li>

<input type="radio" name="bankCode" id="ABC" value="ABC" /> 

<span class="bank_logo bank34"></span>

</li>
......
</ul>

后来从网上找到的解决方法如下：

$(document).ready(function() {
$('#allBanksLogo li').click(function(){
   var $radio = $(this).find("input[type=radio]");
   var $flag  = $radio.is(":checked");
   if(!$flag){
       $radio.prop("checked",true);   
   }
});
});