title: How to loop through checkboxes in a div that has another div in jQuery
body: <p>I have several divs like this:</p>
  
  <pre><code>&lt;div class="option"&gt;
      &lt;div class="optionHeader"&gt;Header&lt;/div&gt;
      &lt;input type="checkbox"&gt;Test 1
      &lt;input type="checkbox"&gt;Test 2
  &lt;/div&gt;
  &lt;div class="option"&gt;
      &lt;input type="checkbox"&gt; Option 1
  &lt;/div&gt;
  &lt;div class="option"&gt;
      &lt;div class="optionHeader"&gt;Final Option&lt;/div&gt;
      &lt;input type="checkbox"&gt;Final Option 1
      &lt;input type="checkbox"&gt;Final Option 2
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is create a loop for each of the checkboxes which have a class of optionHeader within the div.</p>
  
  <p>I tried this:</p>
  
  <pre><code>$('.optionHeader').parent('.option').find('input[type="checkbox"]').each(function(){
  
  });
  </code></pre>
  
  <p>But it doesn't initiate the loop.</p>