Сортировать в алфавитном порядке по альтернативному тексту дочернего объекта, используя jquery

Question

Я пытаюсь добавить функциональность на панель инструментов, которую я предоставляю игрокам игры бесплатно. На странице экипировки игр есть список предметов в вашем инвентаре. Я бы хотел, чтобы игрок мог сортировать их по алфавиту по имени.

К сожалению, единственное место с именем находится в начале длинной строки текста alt на дочернем элементе img. Я предоставил один из элементов div в качестве примера HTML.

До сих пор я не мог перехватить и отсортировать альтернативный текст и надеюсь, что один из вас может помочь.

<div class="ui-draggable wep arms popme_104960 premium ui-draggable-handle" rel=".wepPop1051" id="104960" style="margin:3px; background:0; padding:0px;">
  <span class="Sellback" style="display:none; font-size:20px;">
    [
    <a class="sellButton" data-sale-type="equip" data-sale-id="104960" href="#" style="color:#553311">Sell</a>
    ]<br>
  </span>
  <img src="https://fe623c4c56cb423a1796-41d97e3e92b81615c7f3767eb26dcf89.ssl.cf2.rackcdn.com/heroequipment//MM.InvisibilityCloak.Arm.Magic.jpg" style="border:solid 3px #00ccFF;" data-name="Invisibility Cloak" data-id="104960" data-elname="Magic" data-flavor=""
    data-elcolor="00ccFF" data-prem="1" data-sellback="76 Morphons" alt="Invisibility Cloak
    Epic Resist Physical&nbsp;+&nbsp;30
    Super Resist Tech&nbsp;+&nbsp;10
    Super Block + &nbsp;10%" title="Invisibility Cloak
    Epic Resist Physical&nbsp;+&nbsp;30
    Super Resist Tech&nbsp;+&nbsp;10
    Super Block + &nbsp;10%" >
</div>

Моя попытка просто перерисовать div в том же порядке :-( в alphasorted div

    "<div class=\"HideFJcontainer\" Id=\"alphBnt\" style=\"font-size:12px;cursor:pointer;\">Sort Alphabetically</div>");

    $("div#drop_extra").append("<div Id=\"alphasorted\" style=\"font-size:12px;\"></div>");

    var $divs = $("div#drop_extra .ui-draggable-handle");
    $('#alphBnt').on('click', function(){
    var alphabeticallyOrderedDivs = $divs.sort(function(a,b){
    return $(a).find("img").attr("alt") > $(b).find("img").attr("alt");});
    $("#alphasorted").html(alphabeticallyOrderedDivs);
    });