Sort Listings

<html>
    <head>
        <title>Sort</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
        <script type="text/javascript">
            $(function () {
                var $list = $('#list');
                var $sortedChildren = $list.children().sort(function (a, b) {
                    var aVal = $.trim(a.textContent || a.innerText).toLowerCase();
                    var bVal = $.trim(b.textContent || b.innerText).toLowerCase();
                    return (aVal > bVal ? 1 : (aVal < bVal ? -1 : 0));
                });
                $list.replaceWith($sortedChildren);
            });
        </script>
    </head>
    <body>
        <ul id="list">
            <li>abab</li>
            <li>cab</li>
            <li><a>abc</a></li>
            <li><b>a</b><i>a</i><u>a</u></li>
            <li>abaa</li>
            <li>aac</li>
            <li>aba</li>
            <li>  a</li>
            <li>d</li>
        </ul>
    </body>
</html>
<!--
Result:
* a
* aaa
* aac
* aba
* abaa
* abab
* abc
* cab
* d
-->