title: Checkbox menu error
body: <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>