title: Jquery: select a child div at its index inside a parent div
body: <p>If I have:</p>
  
  <pre><code>&lt;div id='parent'&gt; 
    &lt;table&gt; 
          &lt;tr&gt; 
              &lt;td&gt; 
                  &lt;div id='child1'&gt;&lt;/div&gt; 
              &lt;/td&gt; 
          &lt;/tr&gt; 
          &lt;tr&gt; 
               &lt;td&gt; 
                  &lt;div id='child2'&gt;&lt;/div&gt; 
               &lt;/td&gt; 
          &lt;/tr&gt; 
      &lt;/table&gt;
   &lt;/div&gt; 
  </code></pre>
  
  <p>I tried: $('#parent> table > tr:eq(1) > div');</p>
  
  <p>I would like to select a certain child div at its index. For example, I would like to select the second child div child2. A trivial solution is:</p>
  
  <pre><code>var div2 = $('#child2');
  </code></pre>
  
  <p>But I would rather like to do so with the <em>parent</em> div:</p>
  
  <pre><code>var div2 = $('#parent div')...get(1); // 1 is the index.
  </code></pre>
  
  <p>Would this be possible?</p>