dynamisch li in liste einfügen

[innovationTune]

Geschätzte Community,

Wie kann ich einem <li> welches ich dynamisch einfüge ein div mitgeben?

HTML:

ID: 	<input type="text" name="id" id="id" value="item12" /><br />
Text: 	<input type="text" name="text" id="text" value="Bezeichnung" /><br />
<input type="button" name="insert" id="insert" value="Insert item" />

JS:

window.addEvent('domready', function() {
      $('insert').addEvent('click', InsertIt);
});

var InsertIt = function() {
	var nodeDiv = <div id='testdiv'> Platzhalter</div>;
	$('text').value = $('text').value+nodeDiv;
	var li = new Element('li').setProperty('id', $('id').value).appendText($('text').value).injectInside($('example'));
	document.getElementById('testdiv').innerHTML = "<a href='http://www.google.com'> Link zu Google </a>";	 
};

Ziel ist es ein neues li einzufügen in welchem der Wert von text übernomen wird und das div an den text angehängt wird.
Damit ich in diesem div nachher verschieden links anzeigen kann.

Ich komme hier leider nicht mehr weiter und bin an Tips sehr Interesseiert

Herzlichen Dank
Roger