var ul = $('#test-div>ul'); ul.append(newNode('Pascal')); ul.append(newNode('Lua')); ul.append(newNode('Ruby'));

var li = ul.find('li'); li.sort(function(x,y) { if(x.innerText > y.innerText) { x.before(y); return 1; } }); function newNode(innerText){ return '<li><span>' + innerText+ '</span></li>' }