How to add unique ID to dynamically generated inputs?
<p>Basic question; I have this code:</p>

<pre><code>var partipiansRow = '&lt;div class="form-row "&gt;&lt;input type="text" id="name" class="textbox" /&gt; &lt;input type="text" class="textbox" id="email" /&gt;&lt;/div&gt;'

$(".button").live("click", function(){
    $('.form-participants').after(partipiansRow);         
});
</code></pre>

<p>It creates unlimited rows with 2 inputs, how can I set them unique IDs? For example:</p>

<pre><code>&lt;div class="form-row "&gt;&lt;input type="text" id="name1" class="textbox" /&gt; &lt;input type="text" class="textbox" id="email1" /&gt;&lt;/div&gt;
&lt;div class="form-row "&gt;&lt;input type="text" id="name2" class="textbox" /&gt; &lt;input type="text" class="textbox" id="email2" /&gt;&lt;/div&gt;
&lt;div class="form-row "&gt;&lt;input type="text" id="name3" class="textbox" /&gt; &lt;input type="text" class="textbox" id="email3" /&gt;&lt;/div&gt;
</code></pre>

<p>Thanks.</p>
