jQuery selector for a collection of checkboxes
<p>This is a follow up to my last question. What I have is the following:</p>

<pre><code>&lt;div class="abc"&gt;
    &lt;input  id="Response[0]" name="Response[0]" type="checkbox" /&gt;
    &lt;input  id="Response[1]" name="Response[1]" type="checkbox" /&gt;
    &lt;input  id="Response[2]" name="Response[2]" type="checkbox" /&gt;
    &lt;input  id="Response[3]" name="Response[3]" type="checkbox" /&gt;
&lt;/div&gt;
</code></pre>

<p>I heard from lonesomeday that one way to check on the collection of check boxes was the following:</p>

<pre><code>  $('.abc input').change(function() {
if ($('.abc input:checked').length) {
    $('#doCheckMark').prop('disabled', false);
} else {
    $('#doCheckMark').prop('disabled', true);
}
</code></pre>

<p>But it seems that there might be a problem with the second line here. I think it's my fault as I changed the code to add a <code>div</code> and a <code>class</code>. </p>

<p>What happens is that when I debug the function is called but then I can't add a watch to check the value of <code>.abc input:checked</code>.  I guess I am doing something wrong as this does not look right for a variable name. </p>

<p>Can someone help here. Is the variable correct?</p>

<p>Thank you</p>
