JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="container">
  <div id="campaign">
    <h3>Campaign</h3>
    <form action="" id="original">
      <input class="start" type="text" id="startdate" value="YYYYMMDD" maxlength="8" size="10" title="Start date" onfocus="clickclear(this, 'YYYYMMDD')" onblur="clickrecall(this,'YYYYMMDD')" />
      <input class="end" type="text" id="enddate" value="YYYYMMDD" maxlength="8" size="10" title="End date" onfocus="clickclear(this, 'YYYYMMDD')" onblur="clickrecall(this,'YYYYMMDD')" />
      <select class="client" id="client" title="Client">
        <option>Client1</option>
        <option>Client2</option>
        <option>Client3</option>
        <option>Client4</option>
      </select>
          </form>
    <form id="copy">
    </form>
    <span id="campaigntext"></span> </div>
    <input type="button" class="addRow" value="Add Row" />
    
</div>

JavaScript

var uniqueId = 1;
$(function() {
     $('.addRow').click(function() {
         var copy = $("#original").clone(true);
         var formId = 'NewForm' + uniqueId;
         copy.attr('id', formId );
         
           
         $('#campaign').append(copy);
         $('#' + formId).find('input,select').each(function(){
            $(this).attr('id', $(this).attr('id') + uniqueId); 
             
         });
         uniqueId++;  
     });
});