Pretendia criar uma tabela para fazer `insert`, `update` e `delete`. A ideia era substituir o formulário por uma tabela, por exemplo criar uma tabela só com o cabeçalho e uma linha em branco pronta a inserir dados, depois de preencher a primeira linha ou criar a segunda linha dinamicamente ou colocar um botão adicionar linha e voltar a escrever o conteúdo e inserir e assim sucessivamente.

Estou a tentar desta forma, mas assim não consigo escrever nas colunas para depois fazer o `insert`:

    <table id="products-table">	
    	<tbody>	 
    		<tr>	   
    			<th>Produto</th>	   
    			<th>Código</th>	   
    			<th>Quantidade</th>	   
    			<th>Preço</th>	   
    			<th>Ações</th>	 
    		</tr>	
    		<tr>	   
    			<td>&nbsp;</td>	   
    			<td>&nbsp;</td>	   
    			<td>&nbsp;</td>	   
    			<td>&nbsp;</td>	   
    			<td>	     
    			<button onclick="RemoveTableRow(this)" type="button">Remover</button>	   
    			</td>	 
    		</tr>	
    	</tbody>	
    	<tfoot>	 
    		<tr>	  
    			<td colspan="5" style="text-align: left;">
    				<button onclick="AddTableRow()" type="button">Adicionar Produto</button>	  
    			</td>	
    		</tr>	
    	</tfoot>	
    </table>    
    	
    <script>
    (function($) {
    	AddTableRow = function() {	
        var newRow = $("<tr>");	    var cols = "";	
        cols += '<td>&nbsp;</td>';	
        cols += '<td>&nbsp;</td>';	
        cols += '<td>&nbsp;</td>';	
        cols += '<td>&nbsp;</td>';	
        cols += '<td>';	 
    	cols += '<button onclick="RemoveTableRow(this)" type="button">Remover</button>';
    	cols += '</td>';	
        newRow.append(cols);	
        $("#products-table").append(newRow);	
        return false;	
    	};
    })(jQuery);	
    </script>	

Mas questiono, faz sentido criar uma tabela para substituir o `form` em `html`?