Skift style på en knap onmouseover

Det burde være lige til:

<STYLE>
.button1{text-decoration:none}
.button2{text-decoration:underline}
</STYLE>

<INPUT NAME="test" TYPE="Button" CLASS="button1" onmouseover="java script:document.all('test').classname='button2'" onmouseout="java script:document.all('test').classname='button1'">


HVORFOR VIRKER DET IKKE??