title: How to select only the first level children in JQuery
body: <p>I have the following structure in my DOM and I would like to select only the first level children from a specified class. How to do this in JQuery? </p>
  
  <p>Please note that I have nested divs with same css class.</p>
  
  <p><strong>My HTML:</strong></p>
  
  <pre><code>&lt;div class="t"&gt;
      &lt;div&gt;title&lt;/div&gt;
      &lt;div class="ch"&gt;
          &lt;input type="text name="input1" value="" id="i1"&gt;
      &lt;/div&gt;
      &lt;div class="t"&gt;
          &lt;div&gt;sub title&lt;/div&gt;
          &lt;div class="ch"&gt;
              &lt;input type="text name="input2" value="" id="i2"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>What I need to get:</strong>
  When I find all elements with class 't' and iterate, I want to get the children with class 'ch' that are under (not the ones in the inner div with class 't').</p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$(".t").each(function() {
      //Get the elements in '.ch' for $(this) and process.
  });
  </code></pre>
  
  <p>Thanks for your help.</p>