var ulObj = $('#test-div>ul');
    ulObj.append('<li><span>Pascal</span></li>');
    ulObj.append('<li><span>Lua</span></li>');
    ulObj.append('<li><span>Ruby</span></li>');
    var spnObj = $('#test-div>ul>li>span');
    var liObj = $('#test-div>ul>li');
    for (var i = 1; i < spnObj.length; i++) {
        for (j = 0; j < i; j++) {
            var firstJq = $(spnObj.get(j));
            var secondJq = $(spnObj.get(i));
            if (firstJq.text() > secondJq.text()) {
                secondJq.parent().after(firstJq.parent());
            }
        }
    }