Can I insert an HTML form into this javascript plug-in?

I am using the javascript navigation tree shown below:

http://www.audioproductivity.com/dTree/example02.html

I want the radio buttons to appear next to the correct item in the navigation tree, but the radio button always appear at the top of the navigation tree.  I attached a code snippet, I thought this would solve the problem... but no luck.

<div class="dtree">

	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

	<form name="aa">

	<script type="text/javascript">
		<!--

		d = new dTree('d');

		d.add(0,-1,'Sports');
		d.add(1,0,'Basketball');
		d.add(2,1,'Lakers');
		d.add(3,2,'Suite');
		</script><input name="input1" type="radio" id="Lakers-Suite" value="Lakers-Suite" /><script type="text/javascript">
		d.add(4,2,'Courtside');
		</script><input name="input2" type="radio" id="Lakers-Courtside" value="Lakers-Courtside" /><script type="text/javascript">
		d.add(5,1,'Bulls');
		d.add(6,5,'Front Door');
		</script><input name="input3" type="radio" id="Bulls-FrontDoor" value="Bulls-FrontDoor" /><script type="text/javascript">
		d.add(7,1,'Pacers');
		d.add(8,7,'Courtside');
		</script><input name="input4" type="radio" id="Pacers-Courtside" value="Pacers-Courtside" /><script type="text/javascript">
		d.add(9,0,'Hockey');
		d.add(10,9,'Red Wings');
		d.add(11,10,'Mezzanine Level');
		d.add(12,9,'Sharks');
		d.add(13,12,'Section 71');

		document.write(d);

		//-->
	</script>
	</form>
</div>

Select allOpen in new window