var ul = $('#test-div>ul');

var langs = ['Pascal', 'Lua', 'Ruby'].map((x) => `<li><span>${x}</span></li>`);

ul.append(langs);

var lis = ul.children().sort((x,y) => x.innerText > y.innerText ? 1:-1);

ul.append(lis);