title: jQuery nth-child selector not working
body: <p>I have a div id (auctions), and I want to swap out the HTML with the children of auction-list. However, jQuery cannot select the children of the auction-list div.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div id="all"&gt;      
      &lt;div id="auctions"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="auction-list" class="hide"&gt;
      &lt;div class="auction"&gt;Test&lt;/div&gt;
      &lt;div class="auction"&gt;Test&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the jQuery:</p>
  
  <pre><code>alert($("#auction-list").children().length);
  alert($("#auction-list").html());
  alert($("#auction-list:nth-child(1)").html());
  alert($("#auction-list:nth-child(2)").html());
  $("#auctions").html($("#auction-list:nth-child(1)").html());
  </code></pre>
  
  <p>And here are the outputs for the Javascript alerts:</p>
  
  <p><strong>First Alert</strong></p>
  
  <pre><code>2
  </code></pre>
  
  <p><strong>Second Alert</strong></p>
  
  <pre><code>&lt;div class="auction"&gt;Test&lt;/div&gt;
  &lt;div class="auction"&gt;Test&lt;/div&gt;
  </code></pre>
  
  <p><strong>Third Alert</strong></p>
  
  <pre><code>null
  </code></pre>
  
  <p>What am I overlooking here?</p>