Самый простой способ настроить курсор на ожидание, а затем вернуть все элементы обратно

На моем веб-сайте есть несколько классов CSS, которые устанавливают фиксированный тип курсора при наведении курсора. их. Я хочу установить курсор на изображение ожидания, когда я делаю вызов AJAX в любом месте страницы, а затем вернуть его обратно к тому курсору, которым он должен быть после завершения вызова AJAX.

Я пробовал:

$(document).ajaxStart(function () {
    document.body.style.cursor = 'wait';
});

$(document).ajaxStop(function () {
    document.body.style.cursor = 'auto';
});

Это не работает, когда моя мышь находится над объектом DOM с классом CSS, который изменяет курсор, и я не могу понять, как это сделать.

В настоящее время у меня есть класс.:

.pills a:hover
{
    background-color: #0069D6;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-decoration:none;
    cursor:pointer;
}

Если вы наведете курсор на объект этого класса и начнется вызов Ajax, курсор все равно останется указателем.