Añadir filas a una tabla con jQuery

[superx335]

Buenas,

encontré un blog donde hablaban de esto, y justamente cogí parte del código, modifiqué un par de cosas, y logré que funcionara.

Es decir, usando jQuery, al pulsar un botón se añade una fila a la tabla que ya tengo creada en HTML.

El problema es que cuando lo hago, la fila que se crea añade más COLUMNAS de la cuenta y se alarga. Además cada vez que pulso se incrementa, de manera que queda algo así como:

-----
--------
----------
-------------

Aquí el código que utilizo:

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//Aquí la función

$("#add").click(function(){
var n = $('tr:last td', $("#tablatareas")).length;
var tds = '<tr>';
for(var i=0; i<n; i++){
tds += "<td> AQUÍ VA UN TOCHO EN PHP</td>";
tds += '<td><input type="text" name="horamax id="horamax" /> </td>';
tds += "<td></td>";
tds += "<td><?php echo "Hi again!" ?></td>";
}
tds += '</tr>';
$("#tablatareas").append(tds);
})


});
</script>


El tema es que si dejo una sola "tds +=" si funciona, por lo que intuyo que el problema viene de que el bucle for hace "n" pasadas y por cada columna que debería poner mete 4 en este caso (una por cada tds+=) pero el caso es que no se me ocurre cómo hacerlo...

Gracias!!