title: Why is my $_POST not going to results page
body: <p>I have a dilemma which I cannot seem to overcome. The scenario is I have 2 select list boxes #boxdest &amp; #boxdest2. </p>
  
  <p>The aim is to populate #boxdest2 with items from #boxdest which it does successfully. However, when i send to results page for processing, #boxdest is coming through instead of #boxdest2 which holds the items. Funny thing is that #boxdest appears to be sending the correct data through which is actually in #boxdest2. </p>
  
  <p>I would be grateful if someone could point out where I have gone wrong. Thanks</p>
  
  <pre><code>&lt;?php
      $conn = mysql_connect("localhost","root","");
      mysql_select_db("sample",$conn); 
      $result = mysql_query("SELECT * FROM boxes where department = '{$_GET['dept']}' ORDER BY custref ASC");
  ?&gt;
  
      &lt;select name="boxdest[]" id="boxdest" size="7" multiple="multiple"&gt;
  
  &lt;?php
      $i=0;
      while($row = mysql_fetch_array($result)) {
  ?&gt;
      &lt;option value="&lt;?php echo $row["custref"];?&gt;"&gt;&lt;?php echo $row["custref"];?&gt;&lt;/option&gt;
  &lt;?php
      $i++;
      }
  ?&gt;
      &lt;/select&gt;
            &lt;span style="display: inline-block; width: 70px; height: 82px; padding-left: 10px; padding-right: 10px; vertical-align: top;margin-top:35px;"&gt;
            &lt;input type="button" id="submit2" name="submit2" value="&gt;" /&gt;
             &lt;input type="button" id="submit3" name="submit3" value="&lt;" /&gt;
         &lt;/span&gt;
         &lt;select name="boxdest2[]" id="boxdest2" size="7" multiple="multiple"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>jquery code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
    // initial list, as fetched from the server
    var initialList = $('#boxdest &gt; option')
      .map(function () { return this.value; }).get();
  
    /**
     * @param {string} source
     * @param {string} destination
     */
    function exchangeLists(source, destination) {
      // find all selected items on the source list
      var selected = $(source + ' &gt; option:selected');
  
      // move them to the destination list
      $(destination).append(selected.clone());
  
      // remove from the source list
      selected.remove();
  
      // sort the destination list
      var list = $(destination + ' &gt; option').clone().sort(function (a, b) {
        if (initialList.indexOf(a.value) &lt; initialList.indexOf(b.value)) {
          return -1;
        }
  
        if (initialList.indexOf(a.value) &gt; initialList.indexOf(b.value)) {
          return 1;
        }
  
        return 0;
      });
  
      // replace current destination list with the sorted one
      $(destination).empty().append(list);
    }
  
    $('#submit2').click(function () {
      exchangeLists('#boxdest', '#boxdest2');
    });
  
    $('#submit3').click(function () {
      exchangeLists('#boxdest2', '#boxdest');
    });
  });
  &lt;/script&gt;
  </code></pre>