displaying spinner on ajax request example

gistfile1.js

var x,y;

$(function () {
  $('body').mousemove(function (e) {
    x = e.pageX;
    y = e.pageY;
  });

  $(document).ajaxStart(
    function (e) {
      $('#spinner').css('left', x);
      $('#spinner').css('top', y).show();
      $('body').css('cursor', 'wait');
    }).ajaxComplete(function () {
      $('#spinner').hide();
      $('body').css('cursor', 'auto');
    });
});