Dynamically add rows to table AND to form

function add_seances()
  {	
	initseance[1]=document.getElementsByName('DateFormation')[0].value;
	initseance[2]=document.getElementsByName('Matin_de')[0].value;
	initseance[3]=document.getElementsByName('Matin_a')[0].value;
	initseance[4]=document.getElementsByName('Apres_midi_de')[0].value;
	initseance[5]=document.getElementsByName('Apres_midi_a')[0].value;
	initseance[6]=document.getElementsByName('SeanceFormateurInterne')[0].value;
	var tbl1 = document.getElementById('table1');
	var lastRow = tbl1.rows.length;
	var row = tbl1.insertRow(lastRow);
	for (var i = 1; i <= 6 ; i++) {
		var textNode = document.createElement('input');
		var cellLeft = row.insertCell(i-1);
		textNode.name = 'seance' + seance_count;
		seance_count=seance_count+1;
		textNode.type = 'text';
		if (i==6) textNode.size = 30;
		else  textNode.size = 10;
		textNode.value = initseance[i];
		cellLeft.appendChild(textNode); <-- this appends the cell to the table, but not to the form
		}
 
  }