onclick quits working when adding to it

I want to add: document.getElementsByID('div2remove').remove();
to an onclick, but when I do, the onclick no longer works. Here is the working onclick:

<tr><td><table summary="BLAH" border="1">
<tbody><tr><td><form action="https://auth.xxxxxx.com/" method="POST"><table summary="BLAH"><tbody><tr>
<td width="150" align="LEFT"><font face="VERDANA">by CustID <input name="category" value="C1" type="HIDDEN"></font></td>
<td align="LEFT"><input name="CRITERIA" maxlength="30" size="30" type="TEXT"></td>
<td><div id="SearchAllClicker1"><input name="selection" value="SEARCH_ALL" style="height: 19px; width: 90px; background-color: rgb(224, 224, 224); text-align: center; border: medium none; border-radius: 4px;"
onclick="submit(); this.disabled=true; this.value='standby';"
onmouseover="style='cursor:pointer; height:19px; width:90px; background-color:#D6EAF8; text-align:center; border:none; border-radius:4px;'"
onmouseout="style='height:19px; width:90px; background-color:#E0E0E0; text-align:center; border:none; border-radius:4px;'"></div>
</td></tr>
</tbody></table></form></td></tr>

I placed the remove line here: onclick="document.getElementsByID('div2remove').remove(); submit(); this.disabled=true; this.value='standby';"

then nothing happens. Any advice gratefully received.