title: jquery ajax load animation shouldn't show (delay) when content finished
body: <p>I have a small problem with my loading animation. The animation starts and stops well. But if the content is loaded faster then the animatin is played, i want that it is not shown (start, delay)</p>
  
  <p>I try it like this</p>
  
  <pre><code>$.ajax({
      beforeSend: function (data) {
          /* Ajax Loading... einblenden */
          $('.loading_box').delay(500).fadeIn(500);
  
      },
  
      success: function (data) {
          $(".content_main").html(data);
      },
  
      complete: function(data) {
          $('.loading_box').stop().fadeOut(500);
      }
  });
  </code></pre>
  
  <p>Like this the animation is always shown. How can i stop it if the content is loaded?</p>