Checkbox menu error
<p>I have some problems with my Jquery Checkbox menu and none checkbox menu.</p>

<ol>
<li><p>When I check example the windows top checkbox and then check the php checkbox and uncheck the windows checkbox and check it again the php checkbox is not checked. </p></li>
<li><p>I want to add the same functionality to the support label it should also counts its children checked checkboxes.</p></li>
</ol>

<p>Here is my code live: <a href="http://jsfiddle.net/H2z9G/4/" rel="nofollow">http://jsfiddle.net/H2z9G/4/</a></p>

<p>The HTML should stay <strong>intact</strong>. </p>

<p>Jquery:</p>

<pre><code>$('.payload').hide();



$('.checkGroup &gt; input[type="checkbox"]').live('change',function(){
    $t = $(this);
    $t.closest('.checkGroup').find('.payload').toggle( $t.is(':checked'));
    if( !$t.is(':checked') ){
       $t.closest('.checkGroup').find('.payload input[type="checkbox"]')
           .attr('checked',false);
    }
}).trigger('change');


$('.checkGroup input[type="checkbox"]').change(function(){
   $c = $(this);
   $c.closest('.checkGroup').find('label &gt; span b').text( $c.closest('.checkGroup').find('input[type="checkbox"]:checked').length );
}).trigger('change');
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="checkGroup"&gt;
&lt;label for="search_windows_is_true"&gt;&lt;span style="font-size: 12px; padding-top: 6px;"&gt;WINDOWS&lt;b&gt;0&lt;/b&gt;&lt;/span&gt;&lt;/label&gt;
&lt;input type="hidden" value="0" name="search[windows_is_true]"&gt;&lt;input type="checkbox" value="1" name="search[windows_is_true]" id="search_windows_is_true"&gt;
    &lt;div class="payload" style="display: none;"&gt;
        &lt;label style="background: none repeat scroll 0pt 0pt rgb(255, 255, 255); border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); height: 20px; margin: 0pt;"&gt;
              &lt;span style="font-size: 12px; padding-top: 6px; font-weight: bold;"&gt;PHP&lt;/span&gt;
              &lt;input type="hidden" value="0" name="search[php_is_true]"&gt;&lt;input type="checkbox" value="1" style="top: 4px;" name="search[php_is_true]" id="search_php_is_true"&gt;
        &lt;/label&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="checkGroup"&gt;
&lt;label for="search_windows_is_true"&gt;&lt;span style="font-size: 12px; padding-top: 6px;"&gt;WINDOWS&lt;b&gt;0&lt;/b&gt;&lt;/span&gt;&lt;/label&gt;
&lt;input type="hidden" value="0" name="search[windows_is_true]"&gt;&lt;input type="checkbox" value="1" name="search[windows_is_true]" id="search_windows_is_true"&gt;
    &lt;div class="payload" style="display: none;"&gt;
        &lt;label style="background: none repeat scroll 0pt 0pt rgb(255, 255, 255); border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); height: 20px; margin: 0pt;"&gt;
              &lt;span style="font-size: 12px; padding-top: 6px; font-weight: bold;"&gt;PHP&lt;/span&gt;
              &lt;input type="hidden" value="0" name="search[php_is_true]"&gt;&lt;input type="checkbox" value="1" style="top: 4px;" name="search[php_is_true]" id="search_php_is_true"&gt;
        &lt;/label&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="nonecheckGroup"&gt;
&lt;label for="search_windows_is_true"&gt;&lt;span style="font-size: 12px; padding-top: 6px;"&gt;Support&lt;b&gt;0&lt;/b&gt;&lt;/span&gt;&lt;/label&gt;
    &lt;div class="payload" style="display: none;"&gt;
        &lt;label style="background: none repeat scroll 0pt 0pt rgb(255, 255, 255); border-bottom: 1px solid rgb(51, 51, 51); border-top: 1px solid rgb(51, 51, 51); height: 20px; margin: 0pt;"&gt;
              &lt;span style="font-size: 12px; padding-top: 6px; font-weight: bold;"&gt;PHP&lt;/span&gt;
              &lt;input type="hidden" value="0" name="search[php_is_true]"&gt;&lt;input type="checkbox" value="1" style="top: 4px;" name="search[php_is_true]" id="search_php_is_true"&gt;
        &lt;/label&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
