onmouseover event

onmouseover event

Hi

I've been using this on all my form buttons and was hoping to do it via jquery.

Can someone please tell me how i can go about doing the exact same thing with jquery please.

Here is what i have so far...

  1. <input name="submit" type="submit" value="myvalue" class="submit" onmouseover="this.className='submitHover'" onmouseout="this.className='submit'" />

this is the css part.
  1. .submit {   
        font-size:11px;
        font-weight:bold;
        color:#fff;
        border:1px solid #008422;
        background-color:#008422;
        cursor:pointer;
    }
    .submitHover {
        font-size:11px;
        font-weight:bold;
        color:#fff;
        cursor:pointer;
        border:1px solid #008422;
        background-color:#02c133;
        cursor:pointer; }


















Thanks in advance.

Jess.