title: How to assign unique id to each select box for the following scenario
body: <p>I have used below code to develop dynamic select box which has Unique id's.i.e In single click i am generating two select boxes.</p>
  
  <pre><code>$(function () {
      var nextRowID = 0;
      var nextRowID1 = 1;
          $("body").on("click", "#btnAdd", function () {
      var id = ++nextRowID;
      var id1 = ++nextRowID1; 
              var partipiansRow = '&lt;div&gt;&lt;select class="drop_dwn_mult" id="name' + id + '"&gt;&lt;option&gt;Sample1&lt;/option&gt;&lt;option&gt;Sample2&lt;/option&gt;&lt;option&gt;Sample3&lt;/option&gt;&lt;option&gt;Sample4&lt;/option&gt;&lt;/select&gt;&lt;select class="drop_dwn_mult" id="name' + id1 + '"&gt;&lt;option&gt;Sample1&lt;/option&gt;&lt;option&gt;Sample2&lt;/option&gt;&lt;option&gt;Sample3&lt;/option&gt;&lt;option&gt;Sample4&lt;/option&gt;&lt;/select&gt;' +
              '&lt;i class="fa fa-minus-square remove" aria-hidden="true"&gt;&lt;/i&gt;&lt;i class="fa fa-plus-square" aria-hidden="true" id="btnAdd"&gt;&lt;/i&gt;&lt;/div&gt;';
      $('#TextBoxContainer').append(partipiansRow);   
  
  
  }); 
  </code></pre>
  
  <p>But the ouput i am getting as below as </p>
  
  <pre><code>    &lt;div id="TextBoxContainer"&gt;
                          &lt;!--Textboxes will be added here --&gt;
     &lt;div&gt;&lt;select class="drop_dwn_mult" id="name1"&gt;&lt;option&gt;Sample1&lt;/option&gt;&lt;option&gt;Sample2&lt;/option&gt;&lt;option&gt;Sample3&lt;/option&gt;&lt;option&gt;Sample4&lt;/option&gt;&lt;/select&gt;&lt;select class="drop_dwn_mult" id="name2"&gt;&lt;option&gt;Sample1&lt;/option&gt;&lt;option&gt;Sample2&lt;/option&gt;&lt;option&gt;Sample3&lt;/option&gt;&lt;option&gt;Sample4&lt;/option&gt;&lt;/select&gt;&lt;i class="fa fa-minus-square remove" aria-hidden="true"&gt;&lt;/i&gt;&lt;i class="fa fa-plus-square" aria-hidden="true" id="btnAdd"&gt;&lt;/i&gt;&lt;/div&gt;
  &lt;div&gt;&lt;select class="drop_dwn_mult" id="name2"&gt;&lt;option&gt;Sample1&lt;/option&gt;&lt;option&gt;Sample2&lt;/option&gt;&lt;option&gt;Sample3&lt;/option&gt;&lt;option&gt;Sample4&lt;/option&gt;&lt;/select&gt;&lt;select class="drop_dwn_mult" id="name3"&gt;&lt;option&gt;Sample1&lt;/option&gt;&lt;option&gt;Sample2&lt;/option&gt;&lt;option&gt;Sample3&lt;/option&gt;&lt;option&gt;Sample4&lt;/option&gt;&lt;/select&gt;&lt;i class="fa fa-minus-square remove" aria-hidden="true"&gt;&lt;/i&gt;&lt;i class="fa fa-plus-square" aria-hidden="true" id="btnAdd"&gt;&lt;/i&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In the above HTML totally i have four select boxes in which i cant able to generate unique ID's.</p>
  
  <p>Please help me to generate unique id's for all select boxes.</p>