title: jquery .children() of .get()
body: <p>Example:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;a&gt;&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a&gt;&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I can use <code>$('ul').children('li').get(0);</code> to get the list item. How can I use <code>.children('a')</code> to traverse down the tree?</p>
  
  <p>I tried something like <code>$('ul').children('li').get(0).children('a');</code> but that does not work.</p>
  
  <hr>
  
  <p>For future reference:</p>
  
  <ol>
  <li>I will be doing other things to the <code>li</code> other than traversing down
  to the <code>a</code>, which is why I am trying to use <code>.children()</code>.</li>
  <li>Index will be dynamic and not always 0.</li>
  </ol>
  
  <p>Which is why .eq() is the preferred answer. Now I can do something like:</p>
  
  <pre><code>_load = function(index) {
    image_get = thumbs.children('li').eq(index);
  
    [...]
  
    $(function() {
      var img = $(new Image());
      img
        .load(function() {
          [...]
        }
        .attr('src', image_get.children('a').attr('href'));
    });
  }
  
  _load(0);
  </code></pre>
  
  <p>^^^ WIP. Code unfinished.</p>