Changing the Cursor for all objects in Javascript

Question

I am building an AJAX application that needs to change the cursor to a waiting cursor while waiting for the response to come in, and change back after. I know how to do that bit, but when the cursor is over links, or objects with custom cursors, those don't change, remaining as they were. Does anyone know how can I get the pointer to be the same for all objects temporarily?

Answer 1

In JavaScript:

$('html').addClass('waiting');  // set waiting
// run ajax call... inside callback: 
$('html').removeClass('waiting');

In CSS:

html.waiting,
html.waiting * { cursor: wait !important; }