keine Ausführung bei dynamischen Zeilen

[Vogelhaus]

Hallo,

ich habe eine Tabelle (per PHP) erzeugt und diese ist per Javascript erweiterbar.
In der "original Tabelle" funktioniert eine CSS- und JS-Funktionalität zur Darstellung
eines Calendar-Widgets einwandfrei.
Bei den dynamisch erstellten Zeilen wird zwar das Symbol (gif) angezeigt, aber die Funktionalität dahinter nicht.
Die Zeilen sehen laut Chrome "Element untersuchen" vollkommen identisch aus:

Originale Zeile:

  
<input type="text" class="tcal tcalInput" name="free_data[18][f_practice_date]" value="29.11.2014" style="width: 95px">  

Dynamisch erzeugte Zeile (hab es mit und ohne value vesucht):

  
<input type="text" class="tcal tcalInput" name="free_data[21][f_practice_date]" value=" " style="width: 95px">  

Wer hat eine Idee, warum ich in der neuen Zeile die Kalenderfunktion nicht nutzen kann?
Vielen Dank im Voraus !!!

Script zur Erstellung der dynamischen Zeile:

  
<script type='text/javascript'>  
function addRow(tableId)  
{  
    var tabelle = document.getElementById(tableId);  
    var row = tabelle.insertRow(-1); // -1 = am ende  
    var cell = row.insertCell(-1);  
    var cell2 = row.insertCell(-1);  
    var cell3 = row.insertCell(-1);  
    var cell4 = row.insertCell(-1);  
    var cell5 = row.insertCell(-1);  
    var cell6 = row.insertCell(-1);  
    cell.innerHTML = "<input type='hidden' name='save["+tabelle.rows.length+"]'  value='"+tabelle.rows.length+"'>"+  
					 "<input type='text' class='tcal tcalInput' name='free_data["+tabelle.rows.length+"][f_practice_date]' value=' ' style='width: 95px'>";  
	cell2.innerHTML = "<input type='text' class='center' name='free_data["+tabelle.rows.length+"][pr_place]' style='width: 40px'>";  
    cell3.innerHTML = "<input type='text' name='free_data["+tabelle.rows.length+"][pr_opponent]' style='width: 255px'>";  
	cell4.innerHTML = "<input type='text' class='center' name='free_data["+tabelle.rows.length+"][pr_meet]' style='width: 75px'>";  
	cell5.innerHTML = "<input type='text' class='center' name='free_data["+tabelle.rows.length+"][pr_kickoff]' style='width: 75px'>";  
	cell6.innerHTML = "<input type='text' class='center' name='free_data["+tabelle.rows.length+"][pr_score]' style='width: 80px'>";  
}  
</script>