title: Add multiple table rows when button clicked
body: <p>I am trying to load html file containing same table elements like my default table when I click on add more button.
  When I click Add more button it loads the file one time but don't work when I click the button second time.
  Here is my table section of default page :</p>
  <pre><code>&lt;div class=&quot;form_container&quot;&gt;
      &lt;form method=&quot;POST&quot; action=&quot;actionPage.php&quot;&gt;
          &lt;div class=&quot;table_container&quot;&gt;
              &lt;table border=&quot;2&quot;&gt;
                  &lt;tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;label&gt;Sr.No :&lt;/label&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type = &quot;number&quot; class=&quot;SrNo&quot; name=&quot;SrNo&quot; value=&quot;1&quot; readonly&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;label&gt;Design number :&lt;/label&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type=&quot;text&quot; class=&quot;designNo&quot; name=&quot;designNumber&quot;&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;                
                          &lt;td&gt;&lt;label&gt;Fabric quality :&lt;/label&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;select name=&quot;fabricSelect&quot;&gt;
                              &lt;option value=&quot;Fabric1&quot; name=&quot;fabric1&quot;&gt;Fabric1&lt;/option&gt;
                              &lt;option value=&quot;Fabric2&quot; name=&quot;fabric2&quot;&gt;Fabric2&lt;/option&gt;
                              &lt;option value=&quot;Fabric3&quot; name=&quot;fabric3&quot;&gt;Fabric3&lt;/option&gt;
                              &lt;option value=&quot;Fabric4&quot; name=&quot;fabric4&quot;&gt;Fabric4&lt;/option&gt;
                              &lt;/select&gt;           
                          &lt;td&gt;&lt;label&gt;Color matching :&lt;/label&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type=&quot;select&quot; class=&quot;colorMatch&quot; name=&quot;colorMatch&quot;&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;label&gt;Quantity :&lt;/label&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type=&quot;number&quot; class=&quot;quantity&quot; name=&quot;quantity&quot;&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;label&gt;Printing type :&lt;/label&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;select name=&quot;printSelect&quot;&gt;
                              &lt;option value=&quot;Print1&quot;&gt;Print1&lt;/option&gt;
                              &lt;option value=&quot;Print2&quot;&gt;Print2&lt;/option&gt;
                              &lt;option value=&quot;Print3&quot;&gt;Print3&lt;/option&gt;
                              &lt;option value=&quot;Print4&quot;&gt;Print4&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/td&gt;           
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td &gt;&lt;label&gt;Rate :&lt;/label&gt;&lt;/td&gt;
                          &lt;td colspan=&quot;2&quot;&gt;&lt;input type=&quot;number&quot; name=&quot;rate&quot;&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr class=&quot;newForm&quot;&gt;
                      &lt;/tr&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
              &lt;input type=&quot;submit&quot; id=&quot;submit_btn&quot; class=&quot;class_btn&quot;&gt;
          &lt;/div&gt;
      &lt;/form&gt;
      &lt;button class=&quot;addButton&quot;&gt;Add more tab&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This is my script :</p>
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
          var flag = 0;
          $(&quot;.addButton&quot;).click(function(e) {
              if(flag != 5) {
                  flag += 1;
                  $(&quot;.newForm&quot;).load(&quot;addedForm.php&quot;);
              }
              else {
                  e.preventDefault();
              }
          });
      })
  &lt;/script&gt;
  </code></pre>
  <p>And here is my other file that I want to load :</p>
  <pre><code>&lt;tr&gt;
  &lt;td&gt;&lt;label&gt;Sr.No :&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type = &quot;number&quot; class=&quot;SrNo&quot; value=&quot;&quot; readonly&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;label&gt;Design Number:&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type=&quot;text&quot; class=&quot;designNo&quot;&gt;&lt;/td&gt;
  </code></pre>