title: Load circle during AJAX call in Jquery
body: <p>At one point in my code I have a typical AJAX call:</p>
  
  <pre><code> doAJAX("MyScript",{Stuff1},{Stuff2}, {Stuff3});
  </code></pre>
  
  <p>Where Stuff1, Stuff2, Stuff3 set attributes, call functions and the like. As this queries the server this usually takes 1-2 seconds. During this time, I want to show a loading animation.</p>
  
  <p>Being new to both JQuery and AJAX, I'm wondering what the easiest way to wrap this would be in a circle "loading" animation with "Loading..." text?</p>
  
  <p>doAJAX is a function that gets some input and calls the following:</p>
  
  <pre><code>$.ajax({
  type: "GET",
  url: server,
  crossDomain: true,
  data: inputData,
  dataType: 'jsonp',
  success: successFunction,
  error: errorFunction,
  timeout: 5000
  });
  </code></pre>