title: Insert empty row to a table using jquery
body: <p>I am trying to insert rows and columns into a table using jquery.</p>
  
  <p>When I insert a row the data from the last row clones with it.</p>
  
  <p>How can I insert the row without the data?
  Below is the jquery and <a href="https://jsfiddle.net/blueberrymuffin/4kb3p7qz/" rel="nofollow">fiddle</a>.</p>
  
  <p>Thanks for any help.</p>
  
  <pre><code>$('#irow').click(function(){
     $('#mtable tbody').append($("#mtable tbody tr:last").clone());  
  var rowCount = $('#mtable tr').length;
  $("#rowcount").text(rowCount)   
  });
  
  $('#icol').click(function(){ 
      $('#mtable tr').append($("&lt;td class='container'&gt;"));
      $('#mtable thead tr&gt;td:last').html($('#col').val());
      $('#mtable tbody tr').each(function()      {$(this).children('td:last').append($(''))});
  
   var col = $('#mtable tbody tr:first &gt; td').length;
  $("#colcount").text(col);    
  });
  </code></pre>