jqueryで2つの異なるソート可能な値から値を取得する方法

Question

同じクラスとIDを持つjqueryを使用して複数のソート可能なアイテムが作成されていますが、ソート可能なリスト内のアイテムの値を取得する方法

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#sortable").sortable({ 
     placeholder: "ui-state-highlight" 
    }); 
    $("#sortable").disableSelection(); 
    }); 
    </script> 
    <script> 
    function submit(){ 
     var idsInOrder = $("#sortable").sortable("toArray"); 

     alert(idsInOrder); 
    } 
    </script> 

<ul id="sortable" class="sortable" style="margin-left: 319px; width: 217px;" onclick="submit()"> 
    <li class="ui-state-default" id="Item 1" value="Item 1">Item 1</li> 
    <li class="ui-state-default" id="Item 2" value="Item 2">Item 2</li> 
    <li class="ui-state-default" id="Item 3" value="Item 3">Item 3</li> 
</ul> 

<ul id="sortable" class="sortable" style="margin-left: 319px; width: 217px;" onclick="submit()"> 
    <li class="ui-state-default" id="Item 1" value="Item 1">Item 1</li> 
    <li class="ui-state-default" id="Item 2" value="Item 2">Item 2</li> 
    <li class="ui-state-default" id="Item 3" value="Item 3">Item 3</li> 
</ul> 

任意の応答がかなりある

Answer 1

<ul id="sortable" class="sortable"> 
    <li class="ui-state-default" id="Item1">Item 1</li> 
    <li class="ui-state-default" id="Item2">Item 2</li> 
    <li class="ui-state-default" id="Item3">Item 3</li> 
</ul> 

完全に動作するソリューションは、一意であることを意味しHERE-fiddleまたはHERE-jsbin