Cursor issue in safari

See more:

Javascript

CSS

Hi all,
So, I am working on a browser support project to make my application work in most browsers(IE11, Chrome, Safari, Firefox). I am using the following piece of code in my application

function clearall() {
document.getElementById('key').value= '<%= CCLPageConstants.PRODLIST_RESET%>';
document.body.style.cursor = "wait";
document.productListDisplay.submit();
}

But the problem here is my cursor doesn't change from wait state to default state only in safari. It works in remaining browsers. I have searched on google and tried following ways. But it did not work. Please help

1. function clearall() {
document.getElementById('key').value= '<%= CCLPageConstants.PRODLIST_RESET%>';
document.body.style.cursor = "wait";
document.productListDisplay.submit();
document.getElementById('key').scrollLeft = 1;
document.getElementById('key').scrollLeft = 0;
}
window.setTimeout(clearall(),2000);

2. function clearall() {
document.getElementById('key').value= '<%= CCLPageConstants.PRODLIST_RESET%>';
document.body.style.cursor = "wait";
window.setTimeout(function(){document.productListDisplay.submit();
document.body.style.cursor = "default";}),2000);

}

But they did not work.

Regards,
Kruthi