title: jQuery Mobile multi-select box
body: <p>So multi-select boxes aren't the nicest inputs to work with in the word, but they can sometimes be good. In my case for jQuery mobile they create a dialog box that overlays the page with all the options the user can select.</p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
      &lt;label for="select-choice-1" class="select"&gt;Choose shipping method:&lt;/label&gt;
      &lt;select name="select-choice-1" id="select-choice-1" multiple="multiple"&gt;
          &lt;option value="standard"&gt;Standard: 7 day&lt;/option&gt;
          &lt;option value="rush"&gt;Rush: 3 days&lt;/option&gt;
          &lt;option value="express"&gt;Express: next day&lt;/option&gt;
          &lt;option value="overnight"&gt;Overnight&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ok now the issue I am having is that I need to add a close button on the bottom of this because the list is dynamically populated can get very long for a mobile page. With only a close button at the top it's not very good. Is there a way to append a footer to the dialog box created with multiselect? I can't seem to find this in the jQM API.</p>