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

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中的相应项目在我拖动时反映。

比如说我将#recordsArray_3拖到列表#two的顶部，然后#num_3会跟进并放在列表#one的顶部。

所以任何人都可以指导我如何链接两个列表项？