title: Move value from multiple select to another select
body: <p>I've got 2 multiple select - I can get it to move the option I click on in .select-cities, to .chosen-cities, however, it doesnt work the other way? Any ideas to why not? </p>
  
  <pre><code>//Move cities to div
  $jq('.select-cities option').click(function () {
      return !$jq('.select-cities option:selected').remove().appendTo('.chosen-cities');
  });
  
  $jq('.chosen-cities option').click(function () {
      alert(this);
      $jq('.chosen-cities option:selected').remove().appendTo('.select-cities');
  });
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;select class="select-cities" name="city" multiple="multiple"&gt;
                  &lt;option&gt;Frederiksberg&lt;/option&gt;
                  &lt;option&gt;Vanløse&lt;/option&gt;
                  &lt;option&gt;Glostrup&lt;/option&gt;
                  &lt;option&gt;Brøndby&lt;/option&gt;
                  &lt;option&gt;Roskilde&lt;/option&gt;
                  &lt;option&gt;Køge&lt;/option&gt;
                  &lt;option&gt;Gentofte&lt;/option&gt;
                  &lt;option&gt;Hillerød&lt;/option&gt;
                  &lt;option&gt;Tårnby&lt;/option&gt;
                  &lt;option&gt;Vallensbæk&lt;/option&gt;
              &lt;/select&gt;
  
  &lt;select class="chosen-cities" name="chosen-cities-name" multiple="multiple"&gt;
  
              &lt;/select&gt;
  </code></pre>