Span og tabel

JEg har den her:

<script language="JavaScript" type="text/JavaScript">
    function test()
    {
        FormObj = document.form;
        if(FormObj.dns[0].checked)
            document.getElementById("test").innerHTML = "";
        if(FormObj.dns[1].checked)
            document.getElementById("test").innerHTML = "<tr><td>test</td><td>&nbsp;</td></tr>";
    }
</script>
<form name="form" method="post" action="">
  <table width="21%"  border="0">
    <tr>
      <td width="15%">dns1</td>
      <td width="85%"><input name="dns" type="radio" value="radiobutton" onClick="java script:test();"></td>
    </tr>
    <tr>
      <td>dns2</td>
      <td><input name="dns" type="radio" value="radiobutton"  onClick="java script:test();"></td>
    </tr>
    <span id="test">
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    </span>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>

Hvor jeg vil have den til ar opdatere span, når noget bliver valgt.. det virker også næsten, fordi det der står i javascript-funktionen bliver udskrevet over tabellen istedet for at udskfite span, som den burde...

Hvorfor det...