title: Sort option values ASC
body: <p>I can't figure out how to sort my select option values correctely. My select element is returning the text values as followed :</p>
  
  <pre><code>** Please choose
  2-3 pers.
  16-18 pers.
  20-24 pers
  3-4 pers.
  4-6 pers.
  5-7 pers
  6-8 pers.
  8-10 pers.
  10-12 pers.
  12-14 pers.
  14-16 pers.
  16-18 pers.
  </code></pre>
  
  <p>I understand that javascript is sorting as followed :</p>
  
  <pre><code>""
  1
  10
  11
  2
  3
  4
  5
  6
  7
  8
  9
  </code></pre>
  
  <p>But I would like to have it sorted from "" to 11 ("",1,2,3,4,5,6,7,8,9,10,11). Would appreciate some expertise here. Thanks.</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;select class="form-control" id="dessertservingID" data-value="10" name="dessertservingID" required=""&gt;
  &lt;option value=""&gt;** Please choose&lt;/option&gt;
  &lt;option value="7"&gt;10-12 pers.&lt;/option&gt;
  &lt;option value="8"&gt;12-14 pers.&lt;/option&gt;
  &lt;option value="9"&gt;14-16 pers.&lt;/option&gt;
  &lt;option selected="" value="10"&gt;16-18 pers.&lt;/option&gt;
  &lt;option value="1"&gt;2-3 pers.&lt;/option&gt;
  &lt;option value="11"&gt;20-24 pers.&lt;/option&gt;
  &lt;option value="2"&gt;3-4 pers.&lt;/option&gt;
  &lt;option value="3"&gt;4-6 pers.&lt;/option&gt;
  &lt;option value="4"&gt;5-7 pers.&lt;/option&gt;
  &lt;option value="5"&gt;6-8 pers.&lt;/option&gt;
  &lt;option value="6"&gt;8-10 pers.&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Javascript :</p>
  
  <pre><code>$(function() {
      var options = $('#dessertservingID option');
      options.sort(function(a, b) {
      if (a.value &gt; b.value) {
          return 1;
      }
      else if (a.value &lt; b.value) {
      return -1;
      }
      else {
      return 0;
      }
  })
  
  $("#dessertservingID").empty().append(options);
  
  // Vive la France!
  
  $('#dessertservingID option[value=""]').insertAfter($('#dessertservingID option:first'));
  
  });
  </code></pre>