title: HTML Multi Select Submit breaks when values alread added
body: <p>I found something strange, I have 2 selects columns. You can select values and push it to the second select using jquery. This works perfectly when I submit and my second select had no values.</p>
  
  <p>First Select field:</p>
  
  <pre><code>&lt;select style="width: 100%;" name="extensions" id="extensions" multiple="multiple" size="10" class="" &gt;
  &lt;?php
          $result=mysql_query("SELECT name from MyTable");
          while($row = mysql_fetch_array($result))
          {
             echo "&lt;option value='$row[0]'&gt;$row[0]&lt;/option&gt;";
          }
  ?&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The move buttons:</p>
  
  <pre><code>&lt;input class="" type="button" id="right" value="&gt;"&gt;
  &lt;input class="" type="button" id="left" value="&lt;"&gt;
  </code></pre>
  
  <p>Second select field:</p>
  
  <pre><code>&lt;select style="width: 100%;" name="queuemembers[]" id="queuemembers" multiple="multiple" class="" size="10"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>My Jquery Code:</p>
  
  <pre><code>$('#left').click(function () {
     $('#queuemembers option:selected').appendTo('#extensions');
  });
  $('#right').on('click', function () {
     $('#extensions option:selected').appendTo('#queuemembers');
  });
  </code></pre>
  
  <p>When I submit the form I can use PHP to get the POST value from my second select.</p>
  
  <pre><code>print_r($_POST['queuemembers']);
  </code></pre>
  
  <p>returns</p>
  
  <pre><code>Array ( [0] =&gt; MyName [1] =&gt; SistersName ) 
  </code></pre>
  
  <p>Perfect I remove all the values I moved to this select.</p>
  
  <h2>---------------------</h2>
  
  <p>This is where it breaks:</p>
  
  <p>First Select field:</p>
  
  <pre><code>&lt;select style="width: 100%;" name="extensions" id="extensions" multiple="multiple" size="10" class="" &gt;
  &lt;?php
          $result=mysql_query("SELECT name from MyTable");
          while($row = mysql_fetch_array($result))
          {
             echo "&lt;option value='$row[0]'&gt;$row[0]&lt;/option&gt;";
          }
  ?&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The move buttons:</p>
  
  <pre><code>&lt;input class="" type="button" id="right" value="&gt;"&gt;
  &lt;input class="" type="button" id="left" value="&lt;"&gt;
  </code></pre>
  
  <p>Second select field:</p>
  
  <pre><code>&lt;select style="width: 100%;" name="queuemembers[]" id="queuemembers" multiple="multiple" class="" size="10"&gt;
  &lt;?php
          $result=mysql_query("SELECT name from MyTable WHERE name = 'MyName'");
          while($row = mysql_fetch_array($result))
          {
             echo "&lt;option value='$row[0]'&gt;$row[0]&lt;/option&gt;";
          }
  ?&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I have now added a value to the second select before I submit.</p>
  
  <p>My Jquery Code:</p>
  
  <pre><code>$('#left').click(function () {
     $('#queuemembers option:selected').appendTo('#extensions');
  });
  $('#right').on('click', function () {
     $('#extensions option:selected').appendTo('#queuemembers');
  });
  </code></pre>
  
  <p>When I submit the form and use PHP to get the POST value from my second select, it doesn't return the value that was add with the while loop. It will only display the values received from first select column.</p>
  
  <pre><code>print_r($_POST['queuemembers']);
  </code></pre>
  
  <p>returns</p>
  
  <pre><code>Array ( [0] =&gt; SistersName ) 
  </code></pre>
  
  <p>I suspect it might have to do with the jquery code but not 100% sure.</p>