克隆维护正确编号的多维表单元素（JQuery）

Question

给出以下结构

<div class="form_segment">
<input type="text" name="data[0][sku]">
<input type="text" name="data[0][product]">
<input type="text" name="data[0][qty]">
</div>

<div class="form_segment">
<input type="text" name="data[1][sku]">
<input type="text" name="data[1][product]">
<input type="text" name="data[1][qty]">
</div>

我想通过按下按钮动态地将这些片段添加到输入表单。

问题是，据我所知，我会通过将索引号存储在div的某个属性中来实现这一点，但由于这些段可能在将来被删除，这将变得非常混乱，我确信有更好的溶液

所以我的问题恰恰是：如何在使用jquery克隆div之后设置正确的索引，而不是上面提到的想法？