title: Replace all options in select element from list
body: <p>So i have a select element, and i want to replace all of the options inside of the element with a list of options that i have.</p>
  
  <p>Here is the select element: </p>
  
  <pre><code>&lt;select class="select optional" 
   name="order[billing_state]" id="order_billing_state"&gt;
  &lt;option value="AL"&gt;AL&lt;/option&gt;
  &lt;option value="AK"&gt;AK&lt;/option&gt;
  &lt;option value="AS"&gt;AS&lt;/option&gt;
  &lt;option value="AZ"&gt;AZ&lt;/option&gt;
  &lt;option value="AR"&gt;AR&lt;/option&gt;
  &lt;option value="CA"&gt;CA&lt;/option&gt;
  &lt;option value="CO"&gt;CO&lt;/option&gt;
  The rest of the 50 states....&lt;/select&gt;
  </code></pre>
  
  <p>Then here is the list that i want to replace the select element options with: </p>
  
  <pre><code>&lt;option value=""&gt;&lt;/option&gt;
  &lt;option value="AB"&gt;AB&lt;/option&gt;
  &lt;option value="BC"&gt;BC&lt;/option&gt;
  &lt;option value="MB"&gt;MB&lt;/option&gt;
  &lt;option value="NB"&gt;NB&lt;/option&gt;
  &lt;option value="NL"&gt;NL&lt;/option&gt;
  &lt;option value="NT"&gt;NT&lt;/option&gt;
  &lt;option value="NS"&gt;NS&lt;/option&gt;
  &lt;option value="NU"&gt;NU&lt;/option&gt;
  &lt;option value="ON"&gt;ON&lt;/option&gt;
  &lt;option value="PE"&gt;PE&lt;/option&gt;
  &lt;option value="QC"&gt;QC&lt;/option&gt;
  &lt;option value="SK"&gt;SK&lt;/option&gt;
  &lt;option value="YT"&gt;YT&lt;/option&gt;
  </code></pre>
  
  <p>How would i go about doing this?</p>