Cloning Input Boxes
<p>Hi I have a input box that needs to be cloned up to six times, according to the .clone() function, i can do this, but if the input name has to be changed, how to do this.</p>

<p><a href="http://api.jquery.com/clone/" rel="nofollow">http://api.jquery.com/clone/</a></p>

<pre><code>&lt;label for="input"&gt;
 &lt;input name="input" id="input" type="text"&gt;
&lt;/label&gt;

&lt;a href="#" onClick="cloneInput()"&gt;Add Another Input&lt;/a&gt;
</code></pre>

<p>So let's say when a new input is created it should add an increment to the name and id, ie: <code>name="input2"</code> <code>id="input2"</code> and so on, each time the object is cloned. </p>

<p>Anyone have any suggestions on the best/easiest way to do this with jQuery? </p>
