title: jQuery Loading Status for $.ajax
body: <p>I am using the following code to get data from the database( from cs page itself i am creating the html code) and binding the html code to the div. </p>
  
  <p>Problem:</p>
  
  <p>If the database size is higher it takes some time to show the result. thet time i want to shoe a loading.gif image in that location. Once it get the data i have to hide the load image.</p>
  
  <p>Edit:</p>
  
  <p><strong>Problem: Once it get hide, then the show() is not working.</strong></p>
  
  <pre><code> &lt;div id="searchContainer" class="search_outer"&gt;
          &lt;div id="Loading"&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Code:</p>
  
  <pre><code>    $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    data: "{ searchText: '" + searchText + "', product: '" + product + "', category: '" + category + "', artist:'" + artist + "'}",
                    url: "Search.aspx/FetchSearchResult",
                    dataType: "json",
                    success: function(data) {  $("#Loading").hide(); $("#searchContainer").html(data.d[0]);}});
  
  
       $("#ajax-query-place").ajaxStart(function() {
                        $("#Loading").show();
                    });
  </code></pre>
  
  <p>Geetha.</p>