title: Add and removing rows [with input field] in a table
body: <p>I'm a total javascript noobie. I developed the code bellow following and modifing some random tutorial I found.
  It should add and remove rows with input fields at a table, however, it does nothing. It also worth saying that I called the function as a link. I added 'javascript:addRow()' inside the  tag and  at the header. Did I missed something?</p>
  
  <pre><code>function addRow(){
  
  tableID="ticketCreate";
  var table = document.getElementById(tableID);
  var rowCount = table.rows.length;
  
  if(rowCount&lt;7){
  
      var row = table.insertRow(rowCount);
  
      var cel1=row.insertCell(0);
      var element1= document.createElement("input");
      var element1.type="text";
      cell1.appendChild(element1);
  
      var cell2=row.insertCell(1);
      var element2.type="text";
      cell1.appendChild(element2);
  
      var cell2=row.insertCell(2);
      var element3.type="text";
      cell1.appendChild(element3);
  
      rowCount++;
  
  }
  
  }
  
  function removeRow(){
  
      tableID="ticketCreate";
  var table = document.getElementById(tableID);
  var rowCount = table.rows.length;
  
  if(rowCount&gt;1){
      table.deletRow(rowCount);
      rowCount--;
      }
  
  
  }
  </code></pre>