jQuery 子要素をコピーしようとすると消える？

覚書。

jQueryの話。
こんな感じのHTMLがあったとします。


<select id="a"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<select id="b"></select>


ここで、
$("#b").append($("#a").children("option"));

とやると、コピーされそうなもんですが、なぜか

<select id="a"></select>
<select id="b"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>

こんな感じになります。
しょうがないので、

var aoptions = $("#a").children("option");
$("#a").append(aoptions);
$("#b").append(aoptions);

こんな感じにしてみたけど、これも駄目・・・

どうして！？

という、愚痴でした。