title: Include Select All option in jquery mobile select (multiple)
body: <p>I have a multiple <code>select</code> dropdown as below:</p>
  
  <pre><code> &lt;select name="sel" id="sel" data-native-menu="false" multiple="multiple"&gt;
          &lt;option value="-1"&gt;All Options&lt;/option&gt;
          &lt;option value="1"&gt;Option 1&lt;/option&gt;
          &lt;option value="2"&gt;Option 2&lt;/option&gt;
          &lt;option value="3"&gt;Option 3&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>When I select "All Options" it should select all the Options and when I deselect it , it should deselect all the options. And if I only deselect the "Option 1" or "Option 2", it should deselect the "All Options" also.</p>
  
  <p>I need to implement this similar to the <a href="http://davidstutz.github.io/bootstrap-multiselect/" rel="nofollow">bootstrap multiple select</a>. As in the example of "Multiselect with a 'Select all' option."</p>
  
  <p>How to include the select all option in the jQuery Mobile Select?</p>