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

$(function() {
     $('.addRow').click(function() {
         $("#original").clone(true).insertAfter('#original');        
     });
     });