Hi guys,

I have this fairly horrible table that I need to add rows to onclick. I can get it to do it easily enough by setting the tbody id to "tbodyid" and using this simple JS:

Code Javascript:
var rowcount = 0;
function addrow(){
    rowcount++;
    document.getElementById("tbodyid").innerHTML += '<tr>...</tr>';
}

Works beautifully, but the problem that I've got is that if I put any text in any inputs in the new rows, when I add an extra field they all blank themselves again, which is a bit annoying. Is there a simple solution?

(BTW, the rowcount var is for incrementing field IDs)