var ul = $('#test-div>ul');
var languages = ['Pascal', 'Lua', 'Ruby'];
languages.map(function (x) {
    ul.append('<li><span>' + x + '</span></li>');
});
var li = ul.find('li').sort(function (x, y) {
    if ($(x).text() < $(y).text()) {
        return -1;
    }
    else if ($(x).text() > $(y).text()) {
        return 1;
    }
    return 0;
});
ul.append(li);