jquery multidimensional
<p>I am cloning the last row in table but i need unique multidimensional name for each input...</p>

<pre><code>    &lt;tr&gt;
&lt;td&gt;&lt;input type="text" name='input[1][Name]'&gt;&lt;/input&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" name='input[1][address]'&gt;&lt;/input&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" name='input[1][contactInfo]'&gt;&lt;/input&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>next row should be</p>

<pre><code>&lt;tr&gt;
&lt;td&gt;&lt;input type="text" name='input[2][Name]'&gt;&lt;/input&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" name='input[2][address]'&gt;&lt;/input&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" name='input[2][contactInfo]'&gt;&lt;/input&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>...........
jquery </p>

<pre><code>  $(".alternativeRow").click(function(){
i=2;
                $("table tr:last").clone().find("input").each(function() {
                    $(this).attr({
                        'id': function(_, id) { return id + i },
                        'name': function(_, name) { return name + i },
                        'value': ''               
                    });
                }).end().appendTo("table");
                i++;
      });
</code></pre>
