如何在另一个列表项上反映排序索引

Question

我有两个不同的列表

<ul id="one">
    <li id="num_1">One</li>
    <li id="num_2">two</li>
    <li id="num_3">Three</li>
    <li id="num_4">Four</li>
</ul>
<ul id="two">
    <li id="recordsArray_1">1: First</li>
    <li id="recordsArray_2">2: Second</li>
    <li id="recordsArray_3">3: Third</li>
    <li id="recordsArray_4">4: Fourth</li>
</ul>

，我的 jQuery 代码如下

$(function() {
    $("#two").sortable({ opacity: 0.6, cursor: 'move', update: function() {
    // Do stuffs                                             
}                                 
});

，我想要做的是，当我拖动 #two 中的任何元素时，我想要 #one< 中的相应项目/code> 在我拖动时反映。

举例来说，我将 #recordsArray_3 拖到列表顶部 #two，然后 #num_3 将跟进并放置在列表顶部#one。

那么谁能指导我如何链接这两个列表项？