mira, yo estoy haciendo lo que tu necesitas, pero no lo hago co AJAX sino con javascript que es mucho mas facil.
intentalo y lo veras.
pues aqui te dejo el codigo que yo estoy manejando para agregar campos a un formulario por medio de un boton. ok :)
******************************************************************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script>
function agregaFila( id ) {
var tabla = document.getElementById( id );
var tbody = document.getElementById( tabla.id ).tBodies[0];
var row = tbody.rows[0] .cloneNode( true );
var id = 1;
while( document.getElementById( tabla.id+'_fila_'+id ) ) {
id++;
}
if (id<=7){
row.id = tabla.id+'_fila_'+id;
row.style.display = '';
tbody.appendChild( row );
}
}
function borraFila( fila ) {
var id = fila.id;
if( fila.parentNode.rows.length <= 2 ) return;
document.getElementById( id ).parentNode.removeChild( document.getElementById(id) );
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
<table id="tabla_1" align="center">
<thead>
<tr valign="baseline">
<td nowrap="nowrap" align="center">Numfactura:</td>
<td align="center">Descripcion:</td>
<td align="center">Cantidad:</td>
<td> </td>
</thead>
<tbody>
</tr>
<tr id="clonable" style="display:none">
<td nowrap="nowrap" align="right"><input id='numfactu' name='numfactura' type="text" value="" size="32" /></td>
<td><input name="descripcion" type="text" id="descripcion" value="" size="32" /></td>
<td><input name="cantidad" type="text" id="cantidad" value="" size="32" /></td>
<td><a href="#" onClick="borraFila(this.parentNode.parentNode)">Eliminar</a></td>
</tr>
<tr id="tabla_1_fila_1" >
<td nowrap="nowrap" align="right"><input name="numfactura" type="text" id="numfactura" value="" size="32" /></td>
<td><input name="descripcion" type="text" id="descripcion" value="" size="32" /></td>
<td><input name="cantidad" type="text" id="cantidad" value="" size="32" /></td>
<td> </td>
</tr>
</tbody>
<tr valign="baseline">
<td nowrap="nowrap" align="center"><a href="javascript:agregaFila( 'tabla_1' );">Agregar Fila</a></td>
<td colspan="3" align="center"><input type="submit" value="Insertar registro" /></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1" />
</form>
</body>
</html>
Espero te funcione :)
