title: Disable auto sorting selected values in Bootstrap duallistbox
body: <p>I am working on adding bootstrap dual listbox controller in to web page. 
  This is the code I used </p>
  
  <pre><code>&lt;script src="~/js/jquery.bootstrap-duallistbox.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/js/bootbox.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      jQuery(function ($) {
          var dualList = $('select[name="duallistbox_laws[]"]').bootstrapDualListbox({
              infoTextFiltered: '&lt;span class="label label-purple label-lg"&gt;Filtered&lt;/span&gt;',
            });
          }
  &lt;/script&gt;
  </code></pre>
  
  <p>User can selected option from first box. but it is auto sorting in the second list box. I want disable auto sorting in second listbox</p>
  
  <p>Ex.
  Selected order is </p>
  
  <p><a href="https://i.stack.imgur.com/MEPS1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MEPS1.png" alt="enter image description here"></a></p>
  
  <p>But in the duallist box it showing with sorted values <a href="https://i.stack.imgur.com/oG7j1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oG7j1.png" alt="enter image description here"></a></p>
  
  <p>How can we disable auto sorting in second listbox?</p>