title: JQuery maximum .load calls?
body: <p>I am using the <code>LiquidSlider</code> <a href="http://kevinbatdorf.github.io/liquidslider/" rel="nofollow">framework</a> and in each tab there is lots of HTML. So I decided to put the HTML into separate <code>.html</code> files to make the main page <code>index.html</code> cleaner.</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>..
  &lt;head&gt;
      .. &lt;-- Import jquery, slider files, etc --&gt;
  
      &lt;!-- Import HTML from other files into divs --&gt;
      &lt;script&gt;
        $(function(){
          $("#about-content").load("about.html");
          $("#other-content").load("other.html");
          $("#help-content").load("help.html");
          $("#contact-content").load("contact.html");
        });
    &lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
    &lt;section id="navigation"&gt;
      ..
    &lt;/section&gt;
  
    &lt;div class="liquid-slider" id="main-slider"&gt;
      &lt;!-- About --&gt;
      &lt;div&gt;
        &lt;h2 class="title"&gt;about&lt;/h2&gt;
        &lt;div id="about-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Other --&gt;
      &lt;div&gt;
        &lt;h2 class="title"&gt;other&lt;/h2&gt;
        &lt;div id="other-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Help --&gt;
      &lt;div&gt;
        &lt;h2 class="title"&gt;help&lt;/h2&gt;
        &lt;div id="help-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Contact --&gt;
      &lt;div&gt;
        &lt;h2 class="title"&gt;contact&lt;/h2&gt;
        &lt;div id="contact-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;section id="footer"&gt;
      ..
    &lt;/section&gt;
  &lt;/body&gt;
  ..
  </code></pre>
  
  <p>So when the document is loaded, theoretically the HTML would be loaded in via the <code>.load</code> calls right? It seems to work fine, until it gets to the very last tab (<code>contact</code>), where it just fails to load any content..</p>
  
  <p>Odd right? I tried moving the <code>divs</code> around to see if it was a problem with my <code>html</code> files, but the last element <strong>always</strong> fails to load. Then I tried adding another tab, and the <strong>last two</strong> fail to load. This leads me to believe there is an upper-limit to the number of <code>.load</code> calls, capped at 3?</p>
  
  <p>Anyone have any ideas or see any obvious problems? Or even suggest any <em>better</em> ways of achieving the same thing?</p>
  
  <p>Thanks.</p>