сортировка списка ul в соответствии с элементом li с jquery?

Я создаю горизонтальный список с элементом

    , но то, что я хочу сделать, это поместить каждый элемент

      в алфавитном порядке в соответствии с элементом

    • . Например

      • Name
      • Surname
      • Unit
      • City
      • John
      • Boe
      • BA
      • NY
      • Jane
      • Doe
      • MA
      • CA

      и привести их в порядок в соответствии с полем «Фамилия». Есть ли способ сделать это с помощью jquery?

      заранее спасибо

      //РЕДАКТИРОВАТЬ//

      Код, который я использую, похож на этот

       $.ajax({ type: 'GET', url: 'list.php', data: 'id='+id, dataType: 'xml', success: function(data) { var xml; if (typeof data == "string") { xml = new ActiveXObject("Microsoft.XMLDOM"); xml.async = false; xml.loadXML(data); } else { xml = data; } $(xml).find('item').each(function(){ var id = $(this).find("id").text(); var name = $(this).find("name").text(); var surname = $(this).find("surname").text(); var units = $(this).find("units").text(); var city = $(this).find("city").text(); $("#listContainer").append('
      • '+name+'
      • '+surname+'
      • '+units+'
      • '+city+'
      '); }); //close each( } });

        РАБОЧАЯ ДЕМО

         $('.grid ul:gt(0)').each(function() { var txt1 = $(this).children('li:eq(1)').text(); $(this).data('name', txt1); }); var items = $('.grid ul'); items.sort(function(a, b) { var chA = $(a).data('name'); var chB = $(b).data('name'); if (chA < chB) return -1; if (chA > chB) return 1; return 0; }); var grid = $('.grid'); $(grid).append(items); 

        и HTML

         
        • Name
        • Surname
        • Unit
        • City
        • John
        • Boe
        • BA
        • NY
        • Jane
        • Doe
        • MA
        • CA
        • Lin
        • Zyan
        • MA
        • OR
        • Matt
        • Albright
        • MA
        • CA

        Это приведет к:

        введите описание изображения здесь

        Как это работает:
        Мы ищем текст внутри желаемого li :eq()
        и мы устанавливаем этот текст как jQuery .data () для каждого элемента UL.
        Затем мы просто сортируем ul по полученному .data () тексту – в алфавитном порядке!

        Счастливое кодирование!