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