title: exclude nested children
body: <p>The following script enables/disables their nested form controls using a <code>for:x</code> class name. The problem is that nested <code>for:y</code> elements are being enabled when they shouldn't be. They should only be enabled when the nested <code>for:y</code> is enabled.</p>
  
  <p>Can someone provide me with an additional filter to exclude the form elements that are inside a nested <code>for:*</code> class?</p>
  
  <p>In other words, given the example below, when <code>losssold</code> is checked then all the child inputs of <code>for:losssold</code> should be enabled except for the child element elements inside <code>for:has-buy-sell-agreementtrue</code> if <code>has-buy-sell-agreementtrue</code> is not also checked. </p>
  
  <p>So I thought it would be easier to just figure to exclude those elements in <code>for:has-buy-sell-agreementtrue</code>.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('[class*="for:"]').each(function(){
     var klass=$(this).attr('class'),element;
     var that = this;
     $.each(klass.split(' '),function(index,value){
         if(!value)return;
         if (value.substr(0,4)=='for:')
             element=value.substr(4);
     });
     $('[name="' + $('#'+element).attr('name') + '"]')
         .click(function(){
             $(that).toggleClass('disabled', !$('#'+element).is(':checked'))
                 .find('input,select,textarea') /* insert edge case here */
                 .each(function(){
                     if ($('#'+element).is(':checked'))
                        $(this).removeAttr('disabled');
                     else
                         $(this).attr('disabled','disabled');
                 });
         })
         .trigger('click');
  });
  &lt;/script&gt;
  
    &lt;li&gt;What would you like to see happen to your business when you (or a co-owner) die, become disabled, or retire? &lt;br/&gt;
      &lt;ul&gt;&lt;li&gt;&lt;label&gt;&lt;input type="radio" name="loss" id="losssold" value="sold"/&gt; Sold to other Owners/another Business&lt;/label&gt;
          &lt;ul class="for:losssold"&gt;
            &lt;li&gt;Do you have a buy-sell agreement?&lt;br/&gt;
              &lt;label&gt;&lt;input type="radio" name="has-buy-sell-agreement" id="has-buy-sell-agreementtrue" value="true"/&gt; Yes&lt;/label&gt; 
              &lt;label&gt;&lt;input type="radio" name="has-buy-sell-agreement" id="has-buy-sell-agreementfalse" value="false"/&gt; No&lt;/label&gt;&lt;br/&gt;
              &lt;ol class="for:has-buy-sell-agreementtrue"&gt; &lt;!-- nested for class; inner elements shouldn't be affected --&gt;
                &lt;li&gt;&lt;label for="buy-sell-last-updated"&gt;When was the agreement last updated?&lt;/label&gt;&lt;br/&gt;
                  &lt;input type="text" name="buy-sell-last-updated" id="buy-sell-last-updated" value=""/&gt;
                &lt;/li&gt;
                &lt;li&gt;Is the agreement funded?&lt;br/&gt;
                  &lt;label&gt;&lt;input type="radio" name="buy-sell-is-funded" id="buy-sell-is-fundedtrue" value="true"/&gt; Yes&lt;/label&gt; 
                  &lt;label&gt;&lt;input type="radio" name="buy-sell-is-funded" id="buy-sell-is-fundedfalse" value="false"/&gt; No&lt;/label&gt;
                &lt;/li&gt;
              &lt;/ol&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  </code></pre>