Change event is not working in this scenario
<pre><code>&lt;table&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type='checkbox'&gt;&lt;span&gt;Text1&lt;/span&gt;&lt;input type='text'&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type='checkbox'&gt;&lt;span&gt;Text2&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type='checkbox'&gt;&lt;span&gt;Text3&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type='radio'&gt;&lt;span&gt;None of all&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Below is my jQuery code..  </p>

<pre><code>$(':checkbox').live('change',function()
            {
                $(':radio').prop('checked',!$(this).prop('checked'));
            });
$(':radio').live('change',function()
            {
                $(':checkbox').prop('checked',!$(this).prop('checked'));
            });

$('table :text').live('keyup', function() {
var um = $(this).closest('td').find('input');
if ($(this).val().length &gt; 0) {
    um.prop('checked', true);
}
else {
    um.prop('checked', false);
}
});
</code></pre>

<p>What the above code will do is   </p>

<pre><code> 1. Checkboxes and Radio button are mutually exclusive
 2. On change of a textbox automatically the checkbox inside its parent will checked/unchecked.
</code></pre>

<p>But </p>

<p><b>My concern is When i first click radio button, Then if i change text in textbox the checkbox will be checked but the radio button remains unchecked..</b> Why this is happening..   Please help me on this..</p>
