获取多选框的所有ID

Question

在这段代码中，我可以从左到右和从右到左移动选项。现在我需要从左框中获取所有 id。我怎么做？

JS：

$("#moveright").click(function(){

       $("#country > option:selected").each(function(){

          $(this).remove().appendTo("#planets");

        });

    });

$("#moveleft").click(function(){

     $("#planets > option:selected").each(function(){

       $(this).remove().appendTo("#country");

     });

 });

HTML：

<div class="cover">

      <select id="country" multiple="multiple" name="country" >

       <option id="a">Afghanistan</option>

       <option id="b">Albania</option>

       <option id="c">Algeria</option>

       <option id="d">Andorra</option>

       </select>

   <input id="moveright" type="button" value="  >  " />

   <input id="moveleft" type="button" value="  <  " />

    <select id="planets" multiple="multiple" name="planets">

    </select>

  </div>