title: Changing the mouse cursor on each and every part of the web page
body: <pre><code>$("#sales-period").on("change", function () {
      $("body").css("cursor", "wait");
  });
  </code></pre>
  
  <p>Above is the code that I'm using to change my mouse cursor, when a drop down value is changed, the problem is, the cursor does change to the wait state over the body but when I hover over the links, it still changes back to the pointer. How can I compell it to keep showing the wait state even while hovering the links etc.</p>