✔ HTML in dynamisch generiertes Element einfügen

[soa]

Moin zusammen,

ich generiere ein Formular dynamisch mit JS. Hier ein Auszug:

htmlText+= "<span id='appendlink'>";
htmlText+= "<tr>";
htmlText+= "<td width='170'  >";
htmlText+= "<p><strong>Link externes Dokument :</strong></p>";
htmlText+= "</td>";
htmlText+= "<td >";
htmlText+= "<input class='hellezelle' type='text' name="+data[i][0]+" id="+data[i][0]+" value = ''  maxlength='400' size='80' >";
htmlText+= "&nbsp;&nbsp;<a class='button' name='neuerLink' id='ButtonLink'>[ + ]  </a>";
htmlText+= "</td>";
htmlText+= "</tr>";		
htmlText+= "</span>";

Ziel ist es nun, Daten in den Span-Bereich einzufügen. Der Link ist aktiv. Das Wort Test wird leider trotz der Live-Funktion nicht in den Span-Bereich geschrieben, sondern steht außerhalb, da die ID "appendlink" nicht bekannt ist.
Ich kann auf appendlink nicht zugreifen.

$('#ButtonLink').live("click", function() {
  alert("ALERT!");
  $("<p>Test</p>").insertAfter($('#appendlink'));
});

Was mache ich hier falsch.
Danke.

 

[soa]

Oh, sorry.

Hat sich erledigt. Es funktioniert, wenn man HTML beherrscht. Stichwort. Divs oder Spans in Tabellen darstellen.