radio button blur event always checked
<p>JSFiddle: <a href="http://jsfiddle.net/dvF5d/2/" rel="nofollow">http://jsfiddle.net/dvF5d/2/</a></p>

<pre><code>&lt;input type="radio" id="rad1" name="rad"/&gt;&lt;label for="rad1"&gt;rad1&lt;/label&gt;&lt;br/&gt;
&lt;input type="checkbox" id="chk1"/&gt;&lt;label for="chk1"&gt;chk1&lt;/label&gt;&lt;br/&gt;
&lt;input type="radio" id="rad2" name="rad"/&gt;&lt;label for="rad2"&gt;rad2&lt;/label&gt;

 $(document).ready(function(){
  var rad1 = $('#rad1');
  var chk1 = $('#chk1');
    var a =  function(){
        if(!rad1.is(':checked'))
        {
           chk1.attr('disabled', true);
        }
        console.log('rad checked', rad1.is(':checked'));
    };
    rad1.blur(function(){
        console.log('blur');
         a();     
    });
    rad1.change(function(){
        console.log('change');
        a();
    });
});
</code></pre>

<p>When rad1 is blurred, the rad1 is checked property is always true even if rad2 is selected. Is there anyway to fix this? (or better yet, some kind of jquery plugin that enables/disables controls based on other controls).</p>
