jQuery - 一次拖动/排序两个元素

Question

我正在使用一个涉及类别和子类别的有点复杂的联系人列表管理器。我现在正处于尝试实现排序混合的地步。我的HTML如下：

<li>List item</li>
<ul class="subcategory">
     <li>List item</li>
     <li>List item</li>
     <ul class="subcategory">
          <li>List item</li>
          <li>List item</li>
     </ul>
</ul>
<li>List item</li>
<li>List item</li>

现在，当用户想要移动列表项时，其子类别也应随之移动（如果有的话）。到目前为止，我已经尝试.wrap() - 在div中的每个列表项及其子类别，然后使该div可排序，但是这样做不是很好。也许在jQuery中有更好的解决方案吗？也许我的HTML可能结构不同？