How to Change Cursor while clicking on mouse

[vlmskr]

I have button with mouseup, mousedown, mouseout, mouseover events. On these events I am using cursor as hand. Now the issue is with submitting the button. After clicking on button cursor should be waiting state on entire page.
document.body.style.cursor = 'wait' makes the cursor as wait only on the body of the page. While navigating with button again I am seeing cursor as hand. Please suggest me in this.

[HTML]<input type="submit" class="startbuttonUp" name="submit" value="submit" onMouseOver="this.className='startbuttonOver'" onMouseDown="this.className='startbuttonDown'" onMouseUp="this.className='startbuttonUp'" onMouseOut="this.className='startbuttonUp' ">[/HTML]

[zabsmarty]

use the below code

<input type="submit" style="cursor:pointer" class="startbuttonUp" name="submit" value="submit" onMouseOver="this.className='startbuttonOver'" onMouseDown="this.className='startbuttonDown'" onMouseUp="this.className='startbuttonUp'" onMouseOut="this.className='startbuttonUp' ">