Q:

Spinning cursor on submit

I think this is a quite common question, but I haven't been able to find a working solution. I want the cursor to start spinning (cursor: wait) when the user clicks on the submit button for a form.
<button type="submit" class="save btn btn-grey" id="button">Gem</button>

This is the solution I have tried:
https://jsfiddle.net/Zht9B/240/
The problem is that the busy cursor disappears as soon as the user moves the mouse away from the button. I want the cursor to stay busy until the new page has loaded. (Submitting the forms leads to a new page)

A:

Change the CSS class for whichever element you want it to appear over, probably body... to another class that contains:
cursor: wait 
on submit (in this case with javascript / jquery).
Note: Body doesn't work in JS fiddle, but you can make a container div and test it out that way, I've modified the fiddle to give you an example.
Ie.
$("#button").click(function(){ 
    $(".contain").addClass("wait");
    $(this).addClass("wait");
});

