title: ajax progress bar image hide and show
body: <p>when i click a button i want to display a image and after finish the image hide. wht wrong with my script?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $(element).click(function(){
      $(".navigation-jpg").show();
      $.ajax({
          success: function(){
              $(".navigation-jpg").hide();
          }
      });
  });
  &lt;/script&gt;
  
  &lt;div class="ajax-content"&gt;
  
      &lt;img src="navigation.jpg" alt="Loading" class="loading-gif" style="display:none"/&gt;
      &lt;div class="ajax-response"&gt;
      &lt;/div&gt;
              &lt;asp:Button ID="Button1" runat="server" Text="Button" /&gt;
  
         &lt;/div&gt;
  </code></pre>