title: How to select specific Child Node in HTML Dom with JQuery Selectors?
body: <p>I have these two HTML DOM examples and i want to know, how i can navigate to each checkbox, if i start my traversing at the node ?</p>
  
  <p>DOM Example One:</p>
  
  <pre><code>&lt;div class="box1 margin"&gt;
      &lt;h3&gt;Some Checkboxes&lt;/h3&gt;
         &lt;input type="checkbox"&gt;
         Nr. 1
         &lt;br&gt;
         &lt;input type="checkbox"&gt;
         Nr. 2
         &lt;br&gt;
         &lt;input type="checkbox"&gt;          
  &lt;/div&gt;
  </code></pre>
  
  <p>DOM Example Two:</p>
  
  <pre><code>&lt;div&gt;
     &lt;h3&gt;Some Checkboxes &lt;/h3&gt;
       &lt;div class="box1 margin"&gt;       
           &lt;input type="checkbox"&gt;
           Nr. 1
           &lt;br&gt;
           &lt;input type="checkbox"&gt;
           Nr. 2
           &lt;br&gt;
           &lt;input type="checkbox"&gt;          
       &lt;/div&gt;
       &lt;div class="box1 margin"&gt;
          &lt;input type="checkbox"&gt;
          Nr. 3
          &lt;br&gt;
          &lt;input type="checkbox"&gt;
          Nr. 4
          &lt;br&gt;
          &lt;input type="checkbox"&gt;          
       &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>With navigate to each checkbox i mean the selection of this element and i want to select the checkbox !</p>