title: "Waiting for response" message when Ajax call
body: <p>When I use Ajax call(jquery) in the HEAD section I find a "waiting for response message" on a chrome browser with revolving circle. I don't want this ugly look. Is there a way to avoiding this?</p>
  
  <hr>
  
  <p>PS: When I use input tag to call the JavaScript(Ajax call) function like        </p>
  
  <pre><code>&lt;input id="launcher" type="button" onfocus="go()" value="Go!"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>I couldn't see a waiting circle. Cause my program should call the function automatically I couldn't use this method.(If I use <code>document.getElementById("launcher").focus()</code> to automatically start the function, It showed waiting circle again.) I guess there's a some different context to call JavaScript function.</p>
  
  <p><strong>Update</strong> Here is my sample code</p>
  
  <pre><code>&lt;HEAD&gt;
  &lt;SCRIPT TYPE="text/javascript"&gt;
  function go() {
      $.ajax({
          url: "/myService",
          success: function(data){
              document.getElementById("result_area").innerHTML = data;
              go();
          }
      });
  }
  $(document).ready(function(){
      go() //Here I want to Comet call;
  });
  go(); //should start automatically.
  &lt;/SCRIPT&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;
      &lt;!-- &lt;input id="launcher" type="button" onfocus="go()" value="Go!"&gt;&lt;/input&gt;
      This doesn't show the waiting circle. Why? Use different call context? --&gt;        
  &lt;div id="result_area"&gt;&lt;/div&gt;
  &lt;/BODY&gt;
  </code></pre>