Изменение курсора JavaScript (и изменение обратно)

У меня есть эта страница, которая выполняет некоторые забавные работы с базой данных, обработка которых занимает пару секунд, а пока я хотел бы установите курсор "ждать" , чтобы пользователь не отворачивался и продолжал нажимать кнопку. Я просмотрел

document.body.style.cursor = "подождите"

, проблема в том, что он работает только тогда, когда указатель мыши находится над телом страницы (т.е. все еще показывает нормальный указатель, если он находится над кнопкой). Как я могу настроить его так, чтобы независимо от того, где находится мышь на странице, она показывала значок ожидания?

Вторая часть этого вопроса: когда все будет готово, как мне вернуть ее обратно? Если я верну его к «default» , это, похоже, переопределит любые изменения курсора «hover» , которые я установил в моем CSS (поэтому он больше не превращается в руку при наведении объект и т. д.

РЕДАКТИРОВАТЬ: первый ответ работает нормально, за исключением того, что в IE он не обновляет курсор (так что вы заметите изменение типа курсора), пока вы не переместите курсор. Какие-нибудь исправления?