sort ul

by andrew rowe

HTML

<button id='b5'>Append Five</button>
<button id='b1'>one</button>
<button id='bSort'>Sort</button>
<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
    <li>six</li>
</ul>

JavaScript

$('#b5').click(function () {
    $('ul').append('<li>five</li>');
});
$('#b1').click(function () {
    var l1 = $('ul li:first');
    $('ul').append(l1);
});
$('#bSort').click(function () {
    var lis = $('ul li');
    lis = lis.sort(function (a, b) {
        return $(a).text().localeCompare($(b).text());
    });

    $('ul').append(lis);
})