title: JQuery clone and change element ID
body: <p>I want to clone of this TR of a perticular table and changed its id accordinlgly.</p>
  
  <pre><code>&lt;tr id="tr"&gt;
      &lt;td class="row form-group"&gt;
          &lt;input type="text" name="name" id="first"&gt;  
      &lt;/td&gt;
      &lt;td class="row form-group"&gt;
          &lt;input type="text" name="name" id="second"&gt;
      &lt;/td&gt;
      &lt;td class="row form-group"&gt;
          &lt;input type="text" name="name" id="third"&gt;
      &lt;/td&gt;
      &lt;td class="row form-group"&gt;
          &lt;input type="text" name="name" id="forth"&gt;
      &lt;/td&gt;
      &lt;td class="text-center"&gt;
          &lt;a href="#" disabled="disabled"&gt;
             &lt;i class="fa fa-trash-o"&gt;&lt;/i&gt;
          &lt;/a&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I have tried so far.  </p>
  
  <pre><code>var cloneCount = 1;
  $("#tr").clone().attr('id', 'id'+ cloneCount++).insertAfter("#tr");
  </code></pre>
  
  <p>but this is not liking to me.<br>
  <strong>Update :</strong>
  It generate/update id of TR but really i don't want this, actually i wanted to do is changed id's like first0,second0,third0,forth0 and first1,second1,third1,forth1 and so on.
  hope you understand all.</p>