title: Nested Table Row Append With Jquery
body: <p>I am trying to Row Append With Jquery. But New Row Not Generate New Row.
  Here is a little example that I setup this table is a nested table.</p>
  
  <pre><code>&lt;table&gt;
          &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th data-sortable="true"&gt;Name&lt;/th&gt;
                      &lt;th&gt;Action&lt;/th&gt;
                  &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="addTag"&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;input type="hidden" id="lblTagID" /&gt;
                      &lt;input type="text" id="txtTagName1" class="form-control" name="field_name[]" /&gt;
                  &lt;/td&gt;
                  &lt;td&gt;                                                
                  &lt;a class="btn btn-sm btn-danger" onclick="btnRemoveTag_Click()"&gt;&lt;i class="fa fa-trash"&gt;&lt;/i&gt;&amp;nbsp;Delete
                  &lt;/td&gt;
              &lt;/tr&gt;
           &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And Jquery like this call on one Button</p>
  
  <pre><code>function btnAdd_Click() {
  
      $("#addTag").append('&lt;tr&gt;&lt;td&gt;&lt;input type="hidden" id="lblTagID" /&gt;&lt;input type="text" class="form-control" name="field_name[]"&gt;&lt;/td&gt;&lt;td&gt;&lt;a class="btn btn-sm btn-danger" onclick="btnRemoveTag_Click()"&gt;&lt;i class="fa fa-trash"&gt;&lt;/i&gt;&amp;nbsp;Delete&lt;/td&gt;&lt;/tr&gt;');
   }
  </code></pre>
  
  <p>Thanks in Advance.</p>