var li = $('#test-div li');

var arr = [];

li.map(function() {
    arr.push($(this).text());
});

arr.push('Pascal','Lua','Ruby');

arr.sort();

var ul = li.parent();

li.remove();

for (var a of arr)
    ul.append(`<li><span>${a}</span></li>`);