jQuery for each child checkbox in a paragraph id
<p>How do I select each child checkbox inside a paragraph named id="Paragraph1" and uncheck it if its checked and then disable it in jQuery.</p>

<p>Example:</p>

<pre><code>&lt;input type="checkbox" id="chkMain"&gt;&lt;br /&gt;
&lt;p id="Paragraph1"&gt;
    &lt;input type="checkbox" id"chk1"&gt;&lt;br /&gt;
    &lt;input type="checkbox" id"chk2"&gt;&lt;br /&gt;
    &lt;input type="checkbox" id"chk3"&gt;&lt;br /&gt;
    &lt;input type="checkbox" id"chk4"&gt;&lt;br /&gt;
&lt;/p&gt;
</code></pre>

<p>jQuery selection:</p>

<pre><code>$("#chkMain:not(:checked)").change(function() {
    $("#Paragraph1").children("input[type='checkbox' :checked]").each(function() {
        $(this).removeAttr("checked").attr("disabled",disabled");     
    });
});
</code></pre>

<p>This code isn't working right b/c its only working half the time for some reason in IE8. Also using find is not working right either maybe b/c a paragraph is not a good parent.</p>
