jquery looping through input fields and going into parent and siblings
<p>Hello all Im stuck with some code hoping to get help. I have my html set up like so:
          
               
                   
               
               
                     
                          <br>
                     
                     
                          <br>
                     
                     
                          <br>
                     
               
          </p>

<pre><code>     &lt;div class="menu_options"&gt;
           &lt;div class="parent_options"&gt;
               &lt;input type="checkbox" class="parent_required" /&gt;
           &lt;/div&gt;
           &lt;div class="children"&gt;
                 &lt;div class="child_options"&gt;
                      &lt;input type="checkbox" class="child_required" /&gt;   
                 &lt;/div&gt;
                 &lt;div class="child_options"&gt;
                      &lt;input type="checkbox" class="child_required" /&gt;   
                 &lt;/div&gt;
                 &lt;div class="child_options"&gt;
                      &lt;input type="checkbox" class="child_required" /&gt;   
                 &lt;/div&gt;
           &lt;/div&gt;
      &lt;/div&gt;
</code></pre>

<p>Basically what im trying to do is in jquery if the parent_required class checkbox is checked get all the input fields under the children class and all input fields class by child_required uncheck them.</p>

<p>I cannot use id' on the input fields because i just dont know all the id's for the fields to use.</p>

<p>so far in jquery i have this code</p>

<pre><code>      $('.parent_required').click(function() {

            if(!$(this).is(":checked")) {
                var child = $(this).parent('.parent_options').siblings('.children');

            }
        });
</code></pre>

<p>and im suck here at the div class='children part dont know how to get deeper in. </p>
