jQuery nth-child селектор не работает

У меня есть идентификатор div (аукционы), и я хочу поменять местами HTML-код дочерними элементами аукционного списка. Однако jQuery не может выбрать дочерние элементы div списка аукционов.

Вот HTML:

<div id="all">      
    <div id="auctions"></div>
</div>

<div id="auction-list" class="hide">
    <div class="auction">Test</div>
    <div class="auction">Test</div>
</div>

Вот jQuery:

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());

И вот результаты для предупреждений Javascript:

Первое предупреждение

2

Второе Предупреждение

<div class="auction">Test</div>
<div class="auction">Test</div>

Третье предупреждение

null

Что я здесь упускаю?