我想使用Jquery来生成交换输入字段名称

Question

我有一个网页，我正在使用Jquery动态添加表单字段，一切都很好。下面是如何命名字段的示例。基本上，当用户想要更多字段时，他们会点击一个按钮，它会插入两个字段并递增下一个输入的值，并创建一个围绕字段的容器div。

<fieldset id="dynamicField">
<div id="fieldID1"><ul><li> 
<label for="headertext_1">Header Text</label>
<input id="headertext_1" name="headertext_1" size="70" value="My Header Text" />
</li>
<li>
<label for="blurblink_1">Link</label>
<input id="blurblink_1" name="blurblink_1" value="http://foo.bar" size="70" />
</li></ul></div>

<div id="fieldID2"><ul><li> 
<label for="headertext_2">Header Text</label>
<input id="headertext_2" name="headertext_2" size="70" value="My Next Header Text" />
</li>
<li>
<label for="blurblink_2">Link</label>
<input id="blurblink_2" name="blurblink_2" value="http://bar.foo" size="70" />
</li></ul></div></fieldset>

好的，现在我需要添加的是这些fieldsID重新排序的方法 - 不仅在页面上，这很容易，但我还需要重命名字段名称，以便我的后端服务器处理仍然作品。

例如：

如果我在页面上有1,2,3,4,5个不同的字段组，我希望能够单击几个按钮在屏幕上移动5到此顺序并正确命名：

1,5,2,3,4

思想？