title: jquery ajax loader
body: <p>I have script like this :</p>
  
  <pre><code>    $("#addk").bind("click", function(event){
          //alert("here!");
          $("#loader-overlay").show();
          $.ajax({
              'async':"False",
              'type': "POST",
              'url': "http://url/feedback/",
              'data': $("#form").serialize(), 
              'success': function(msg){
                  $("#errors").html(msg);
                  },
              'error' : function(){
                  $("#errors").html('&lt;p&gt;fail&lt;/p&gt;');
              }
          });
          $("#loader-overlay").hide();
          //return false;
      });
  </code></pre>
  
  <p>For some reason the loader screen never appears, even though the ajax runs for a few seconds. If i write </p>
  
  <pre><code>$("#loader-overlay").show();
  </code></pre>
  
  <p>into console, then it works just fine.</p>
  
  <p>Its probably something very simple that i just cant put my finger on.</p>
  
  <p>Alan</p>