title: Select only direct descendant of body tag
body: <pre><code>&lt;body&gt;
      &lt;div&gt;
        &lt;div class='container'&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class='container'&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>How can I get the second <code>div</code> named container which is a direct descendant of body with jquery? I should not select it based on no.of the child. I cannot rely on the number of <code>divs</code> present in the body.</p>