textarea inhalt loeschen

[thebubble]

Huhu,
ich habe folgendes problem ...
ich will den inhalt für ein textarea und ein input-text löschen wenn ich eine funktion aktiviere,
das input-text geht einwandfrei ... aba das mit dem textarea nich,
hier ma der source code:
<script type="text/javascript">
 function leeren()
 {
  document.formular.topicname.value='';
  document.getElementsById("tarea").value = '';
 }
 </script>
<form name=formular action="./index.php">
<table cellpadding=0 cellspacing=0 border=0>
<tr><td width=3>Nickname:</td><td><input type=text readonly value="thebubble"></td></tr>
<tr><td width=3>Topic:</td><td><input type=text name=topicname></td></tr>
<tr><td colspan=2>Your Post:</td></tr>
<tr><td colspan=2><textarea id="tarea" rows=15 name=topicpost cols=150></textarea></td></tr>

<tr><td colspan=2><input type=submit value="create topic"><input type=button value="Vorschau"><input type=button onclick="leeren();" value="Zurücksetzen"></td></tr>
</table>
</form>

einfach den standard button reset kann ich nich nehmen weil das input text mit der value thebubble bleiben soll

aba wo liegt da der fehler ... ich hab es auch schon mit getElementsByName("topicpost") probiert ... geht aba auch nich ...

cuz bubble