Динамическая таблица как вставить Input?
 

Добрый день сделал динамическую таблицу

var input = document.createElement("input"); 
	input.type = 'text';
	input.setAttribute("class", "JSON");

var table = document.createElement('table');
var th = document.createElement("th");
var th = table.appendChild(th);
	th.setAttribute('colspan', '5');
	table.setAttribute('id', 'id_AF_Tabele');

for (var i = 0; i < 5; i++) {
	var tr = table.insertRow(i);
	for (var j = 0; j < 5; j++) {
		var td=tr.insertCell(j);
		td.setAttribute('id', 'table_left');
		td.setAttribute('width', '198');
		td.innerHTML = "AF0:"+i;
		td.appendChild(input);   <<<<<<<<<<<<<<<<<<!!!!!!!!!!!
	}

}

var div = document.getElementById('id_AF_Tabele_content');
div.appendChild(table);

Таблица нормально создается, вот только input вставляется только 1 раз в самом конце таблицы. Как правильно вставить его в каждую новую ячейку ?

td.appendChild(input.cloneNode(true));

либо так, либо перенести createElement в цикл

Благодарю!