jquery check box groups issue
<p>I have several identical check box groups within different divs like this ...</p>

<p></p>

<pre><code>                                &lt;h3 class="con_act_list"&gt;Activity&lt;/h3&gt;

                                &lt;ul id="activity"&gt;                                  
                                    &lt;li&gt;&lt;input type="checkbox" id="con_act_1" name="con_act[]" class="con_act" value="fabricate"/&gt; Fabricate roofs&lt;li&gt;
                                    &lt;li&gt;&lt;input type="checkbox" id="con_act_2" name="con_act[]" class="con_act" value="buy-In"/&gt; Buy-in roofs&lt;li&gt;
                                    &lt;li&gt;&lt;input type="checkbox" name="con_act[]" class="con_act" value="install"/&gt; Install roofs&lt;li&gt;
                                &lt;/ul&gt;
</code></pre>

<p>I am using class="con_act" to locate and set these check boxes to all selected OR  to 
all de-selectedbut NOT </p>

<p>I am using this function ...</p>

<p>$(".con_act_list").click(function() {</p>

<pre><code>            $(this).parent().find(".con_act").attr('checked', !$(".con_act").is(':checked'));
        });
</code></pre>

<p>which works OK for one group (above) but not for other groups using the same class selector.</p>

<p>Can anyone help ?</p>
