jquery - テーブルの動的入力フィールド

Question

ユーザーが動的に行を追加できる入力を含む並べ替え可能な行のテーブルがあります。しかし、これらの行をセットにグループ化できるようにしたいと考えています。理論的には：

<tr>
  <td><input type="text" name="set[0][name]" value="setname" /></td>
<tr>
<tr>
  <td><input type="text" name="set[0][items][0][itemname]" value="itemname" /><td>
</tr>
<tr>
  <td><input type="text" name="set[0][items][1][itemname]" value="itemname" /><td>
</tr>
<tr>
  <td><input type="text" name="set[1][name]" value="setname" /></td>
<tr>
<tr>
  <td><input type="text" name="set[1][items][0][itemname]" value="itemname" /><td>
</tr>
<tr>
  <td><input type="text" name="set[1][items][1][itemname]" value="itemname" /><td>
</tr>

セットとアイテムの両方を並べ替え可能にして、ユーザーがセット行をドラッグしてセットの開始点を変更したり、アイテムをドラッグしてセット内のアイテムを変更したりできるようにしたい (私は jQuery の並べ替え可能な UI を使用しています)このため）。

私が抱えている問題は、並べ替え時に正しい配列キーと値のペアを維持しながら、セットとアイテムの行を動的に追加する方法を考え出すことです。

どんな助けでも大歓迎です！ありがとう！