$("#test-div ul").append("<li><span>Pascal</span></li>")//
                 .append("<li><span>Lua</span></li>")//
                 .append("<li><span>Ruby</span></li>");
var newContent=$("#test-div span").map(function(){
   return this.innerHTML;
}).sort().map(function(){
   return "<li><span>"+this+"</span></li>"
}).get().join("\n");
$("#test-div ul").html(newContent);