Sort native HTML select element's options by value

See more on https://github.com/adrien-be/select-utils

HTML

<select id="select-country">
  <option value="germany">Germany</option>
  <option value="nepal">Nepal</option>
  <option value="france">France</option>
  <option value="honduras">Honduras</option>
  <option value="france">France</option>
  <option value="honduras">Honduras</option>
</select>
<br/><br/>
<button id='btn-sort'>
Sort the select options!
</button>

JavaScript

/* 
 * From https://github.com/adrien-be/select-utils 
 */
(function(selectUtils, window, document, undefined) {

  selectUtils.sortOptions = function( selectTag ){
    var allOptionTags = selectTag.find("option");
    var selected = selectTag.val();

    allOptionTags.sort(function(a,b) {
      return a.text.localeCompare(b.text); /* [1] */
    })

    selectTag.empty().append(allOptionTags);
    selectTag.val(selected);
  }

}(window.selectUtils = window.selectUtils || {}, this, this.document));

 
  selectUtils.sortOptions($('#select-country'));