title: How to add table row with input text inside the table field
body: <p>How to add a table row with a text input inside the table field?</p>
  
  <pre><code>var table=document.getElementById("myTable");
  var rowCount = table.row.length;
  var row=table.insertRow(rowCount);
  var cell1=row.insertCell(0);
  var cell2=row.insertCell(1);
  
  cell1.innerHTML += "&lt;td class='align-center'&gt;1&lt;/td&gt;";
  cell2.innerHTML += "&lt;input type='text' class='input-long' name='newcategoryname' value='New Category' onfocus='if(this.value == \"New Category\"){ this.value = \"\"; }' onblur='if(this.value==\"\"){this.value=\"New Category\";}'/&gt;";
  </code></pre>