title: Copy selected option to another select
body: <p>I feel there may be an answer to this, if so, I can't find it.</p>
  
  <p>I have a form, a billing and shipping address. I have a checkbox that says "billing is the same as shipping address" When that is checked, I want to copy all values from the billing address section to the shipping address selection. I have been able to copy over the text fine, but the select option for the country seems to be trickier than anticipated. Here's what I have so far:</p>
  
  <pre><code>&lt;select class="span12" id="BillingCountry" name="BillingCountry"&gt;
      &lt;option value="AF"&gt;AFGHANISTAN&lt;/option&gt;
      &lt;option value="AX"&gt;ALAND ISLANDS&lt;/option&gt;
      &lt;option value="AL"&gt;ALBANIA&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select class="span12" id="ShippingCountry" name="ShippingCountry"&gt;
      &lt;option value="AF"&gt;AFGHANISTAN&lt;/option&gt;
      &lt;option value="AX"&gt;ALAND ISLANDS&lt;/option&gt;
      &lt;option value="AL"&gt;ALBANIA&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;label&gt;&lt;input type="checkbox" id="duplicate-address" name="duplicate-address" value="shipping same as billing"&gt;&amp;nbsp;&amp;nbsp;Shipping address is same as billing&lt;/label&gt;
  
  $('#duplicate-address').click(function(e) {
      if( $('#duplicate-address').prop('checked') ){
          $("#ShippingAddress").val($("#BillingAddress").val()); //works
          $("#ShippingCountry").val($("#BillingCountry").val());
      }
  });
  </code></pre>
  
  <p>So if I select in the billing country Albania and press the checkbox, I expect to see the shipping country to have Albania selected as well. Any pointers i nthe right direction would be fantastic</p>