bind problems with radio input in jQuery
<p>Got a binding issue</p>

<p>Excerpt from html code</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
        &lt;td haschildren="true"&gt;&lt;input id="Grubbel_0" type="radio" name="Grubbel_0" value="0"&gt;&lt;/td&gt;
        &lt;td haschildren="true"&gt;&lt;input id="Grubbel_1" type="radio" name="Grubbel_1" value="1"&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;

&lt;img src="img.jpg" style="display:none;"/&gt;
</code></pre>

<p>Some jQuery</p>

<pre><code>&lt;script language="javascript" type="text/javascript"&gt;
    $(document).ready(function () {

        // Check radiobuttons when clickin on a parent table cell
        $("td[haschildren='true']").click(function () {
            $(this).find('input:radio').attr('checked', true);
        });

        // What happens when a radiobutton is changed
        $('*[haschildren="true"] input:radio').bind('change', function () {
            // This does not work when clicking the td boxes
        });
    });
&lt;/script&gt;
</code></pre>

<p>The bind('change'... works when I click directly on the radio box but not when I click on the td although the radiobox gets checked.</p>

<p>Im using jQuery 1.5.2.</p>

<p>Thanks</p>
