title: jquery multiselect selected data order
body: <p>I am using jquery multiselct from this page <a href="http://loudev.com/" rel="noreferrer">http://loudev.com/</a>. It works well but now the  system requirements need this multiselect to past the data in the order that have been selected. </p>
  
  <p>No problem on the display because the data are arranged according to the selection made, but when the form is submitted, the order of the selected data is the same as the order of the selection box.</p>
  
  <p><img src="https://i.stack.imgur.com/mu2TB.jpg" alt="enter image description here"></p>
  
  <p>This is how it works base on image above:-</p>
  
  <p>I have chosen Brazil, France and Australia from the drop-down box, it is arranged in the order of the choices made. After I send this form, I will receive the data should be Brazil, France and Australia as the order on the display but the data received is France, Australia and Brazil the same as the order of the selection box.</p>
  
  <p>Here is the html code that plugin generated, this is for display only, when submit, it will past the original option value that have been hidden. It only set "selected" to the select in the original option if the user click on ...</li>.</p>
  
  <pre><code>&lt;div id="ms-public-methods" class="ms-container"&gt;
    &lt;div class="ms-selectable"&gt;
      &lt;ul class="ms-list"&gt;
        &lt;li class="ms-elem-selectable ms-selected" ms-value="fr" style="display: none; "&gt;France&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="uk"&gt;United Kingdom&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="us"&gt;United States&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="ch"&gt;China&lt;/li&gt;
        &lt;li class="ms-elem-selectable ms-selected" ms-value="au" style="display: none; "&gt;Australia&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="in"&gt;India&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="ar"&gt;Argentina&lt;/li&gt;
        &lt;li class="ms-elem-selectable ms-selected" ms-value="br" style="display: none; "&gt;Brazil&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="tb"&gt;Tibet&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="co"&gt;Columbia&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="cr"&gt;Croatia&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="it"&gt;Italia&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="es"&gt;Espana&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="id"&gt;Indonesia&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="du"&gt;Germany&lt;/li&gt;
        &lt;li class="ms-elem-selectable" ms-value="no"&gt;Norway&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
   &lt;div class="ms-selection"&gt;
     &lt;ul class="ms-list"&gt;
       &lt;li class="ms-elem-selected" ms-value="br"&gt;Brazil&lt;/li&gt;
       &lt;li class="ms-elem-selected" ms-value="fr"&gt;France&lt;/li&gt;
       &lt;li class="ms-elem-selected" ms-value="au"&gt;Australia&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Your help is very much appreciated.</p>