var ul = $('#test-div>ul');
['Pascal','Lua','Ruby'].map(function (x) {
    ul.append('<li><span>' + x + '</span></li>');
});

var allLi = ul.find('li');

allLi.sort(function (x,y) {
    return $(x).text() > $(y).text() ? 1 : -1;
});

ul.append(allLi);