title: jQuery: ajax event
body: <p>OK here is my code</p>
  
  <pre><code>$("#content_Div").ajaxStart(function () {
      $(this).css('cursor', 'wait')
  }).ajaxComplete(function () {
      $(this).css('cursor', 'default')
  });
  </code></pre>
  
  <p>this is a fairly simple problem: on ajaxStart the cursor immediately changes to the (wait)hourglass but on ajaxComplete it doesnt change back to defalut untill you move the mouse.</p>
  
  <p>lol dat was my problem but while i was writing this i realized after ajaxComplete if you click it will change back to default, so the only reason cursor changes  immediately on ajaxStart is because you have to double click on a element in the content_Div in order to start the request so the click event is wat is changing the cursor after the ajaxStart event has begun  . so what i want is a way to change to cursor without having to move it or click again. </p>
  
  <p>obviously i want to use the cursor to inform user when request is done.  </p>
  
  <p>thanks in advance</p>
  
  <p>for Thomas:</p>
  
  <pre><code>function DF() { //Deletes selected File
  if (selectedfiles.length == 0) {
      alert("No file slected!");
      return
  };
  var selectedtxt = (selectedfiles.length == 1) ? "'" + basename(selectedfiles[0]) + "'?" : 'these ' + selectedfiles.length + ' files?';
  if (confirm("Are you sure you want to delete " + selectedtxt)) {
      $.each(selectedfiles, function () {
          $.post("server/editfile.php", {
              user: user,
              oper: "del",
              path: "../" + this
          }, function (res) {
              if (res) {
                  alert(res);
              }
              else LT(dirHistory[current]);
          });
      })
  }
  </code></pre>
  
  <p>}</p>