title: jquery .show shows only at the end
body: <p>I want to display a loading div before an ajax command that executes a webmethod, closing at the end of the command. 
  The div appears only at the end of the implementation of ajax command. </p>
  
  <p>The following code block.</p>
  
  <pre><code>$("#dvUpProgress1").show();
  $.ajax({
              type: "Post",
              url: "producao.aspx/GravarListaSalvar",
              data: "",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              async: false,
              success: function (obj) { }
          });
  </code></pre>
  
  <p>in the code behind:</p>
  
  <pre><code>[WebMethod]
      public static string GravarListaSalvar(string IdAutorizacaoProducaoGarantiaQualidade, string IdEtapa, string IdSubEtapa, string IdUsuarioLogado, string NomeCampo, string NomeAmigavel, string Resposta, string IdCampo)
      {
          ...
      }
  </code></pre>