jquery - jQuery - 一度に 2 つの要素をドラッグ/ソートする

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の構造が違うのではないでしょうか？