title: Jquery Mobile multiselect box not working properly inside phonegap
body: <p>I have developed a phonegap android application using jquery mobile.  In that I have a form with a multi-select box.  The form works only if there are only limited number of entries available in the multi-select box.  If there are many items in the multi-select box then the form is not working.  See the screenshots below.</p>
  
  <p><strong>The below 3 screens will explain the problem</strong></p>
  
  <p><strong>Screen 1</strong>
  The parent form with the multi-select box 'Select Group'.  Also few data inputted in the form.</p>
  
  <p><img src="https://i.stack.imgur.com/8wAAd.jpg" alt="enter image description here"></p>
  
  <p><strong>Screen 2</strong>
  The multi-select box was touched and the content goes out of screen (there are 20+ groups). Selected 2 groups and clicked the x cross button to go back to the parent form</p>
  
  <p><img src="https://i.stack.imgur.com/1kRDt.jpg" alt="enter image description here"></p>
  
  <p><strong>Screen 3</strong>
  The value selected in the parent form disappears and also the selected values on the multi-select box also not pulled to the parent form.</p>
  
  <p><img src="https://i.stack.imgur.com/UD24X.jpg" alt="enter image description here"></p>
  
  <p>If the multi-select box shows only a limited number of values which doesn't overflow the screen it works perfect.  Can anyone help me.</p>
  
  <p>HTML code</p>
  
  <pre><code>&lt;select name="bk_groupids" id="bk_groupids" multiple="multiple" data-native-menu="false"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>Using Jquery the values are appended as below</p>
  
  <pre><code>$('#bk_groupids').append('&lt;option value="" data-placeholder="true"&gt;Select Group&lt;/option&gt;');
  $('#bk_groupids').append('&lt;option value="1"&gt;Group 1&lt;/option&gt;');
  $('#bk_groupids').append('&lt;option value="2"&gt;Group 2&lt;/option&gt;');
  etc...
  </code></pre>