Sorting drop-down list with JQuery

Users likes to see a list in alphabetical order. So I decided to sort all my drop-down list with JQuery.

First, I need to include JQuery.

<script type="text/javascript" src="js/jquery.js"></script>

Second, I need a function that will sort all the drop-down list in a page.

function sortDropDownListByText() {
    // Loop for each select element on the page.
    $("select").each(function() {
        
        // Keep track of the selected option.
        var selectedValue = $(this).val();

        // Sort all the options by text. I could easily sort these by val.
        $(this).html($("option", $(this)).sort(function(a, b) {
            return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
        }));

        // Select one option.
        $(this).val(selectedValue);
    });
}
&#91;/sourcecode&#93;

Third, I can only sort the drop-down list when the document is <strong>completely loaded</strong>. So in the head element of the page, I use the <a href="http://docs.jquery.com/Events/ready#fn">JQuery's ready event</a>. 

<script type="text/javascript">
    $(document).ready(sortDropDownListByText);
</script>

Cheers :-)