title: Add HTML form on button click
body: <p>I have an HTML form in my website/application.</p>
  
  <p>The form has lots of fields of input text, select, and PHP code, as well, to fill drop down values.</p>
  
  <p>Is there any way I can clone/create the same form when the user clicks on the Add button? Let's say, if the user clicks 5 times, it would have five forms on the UI.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form id = "buyerForm" role="form" method="POST" enctype="multipart/form-data" style="margin-top:30px;"&gt;
  &lt;span class="customerno" style="font-size: 22px;"&gt;Buyer 1 (Form 2)&lt;/span&gt;                                       
  
  &lt;div class="form-group"&gt;
  &lt;label&gt;APPLICANT DETAILS&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
  &lt;label&gt;Mr. / Mrs&lt;/label&gt;
  &lt;select class="form-control" name="jnameTitle" id="jnameTitle"&gt;
  &lt;option&gt;Please Select One&lt;/option&gt;
  &lt;option value="Mr"&gt;Mr&lt;/option&gt;
  &lt;option value="Mrs"&gt;Mrs&lt;/option&gt;
  &lt;option value="MS"&gt;MS&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  
  
  // similar fields are omitted to reduce the complexity
  
  
  &lt;div class="form-group"&gt;
  &lt;label&gt;Address&lt;/label&gt;
  &lt;textarea name="jaddress" id="jaddress" class="form-control" cols="80" rows="5" &gt;&lt;/textarea&gt;                                            
  &lt;/div&gt;
  
  &lt;button type="submit" name="jointCustomers" id="jointCustomers" class="btn btn-success btn-lg btn-flat"&gt;Save&lt;/button&gt;
  &lt;button type="reset" class="btn btn-default btn-lg"&gt;Reset&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>