title: JQuery AJAX success + fadeIn
body: <p>I'm using AJAX to load survey content into a container on a page, and during the transition, I fadeOut the container and fadeIn when it's done. It works fine for pages 1-4, but stops working for page 5. The content loads for page 5, but the container doesn't fadeIn.</p>
  
  <pre><code>success: function(data){
      $("div#surveyContainer").fadeOut(function(){
          $("div#surveyContainer").html(data).hide().fadeIn();
      }); // end fadeout
  }
  </code></pre>
  
  <p>There is no reference to <code>surveyContainer</code> anywhere in page 5. All I can think of is that something is timing out causing the <code>fadeIn</code> to not get triggered. The load time is about 36ms. I set the php script to where it's sending <code>data</code> to report all errors (and the data is making it into the Db just fine), but all I'm getting is the content I expect, but the container stays <code>display:none</code>. If I remove the fades, everything works fine :/</p>
  
  <p>I've also tried this to no avail:</p>
  
  <pre><code>success: function(data){
      $("div#surveyContainer").fadeOut(function(){
          $("div#surveyContainer").html(data);
          $("div#surveyContainer").fadeIn();
      }); // end fadeout
  }
  </code></pre>