title: Loading error when using jquery load funciton and mobile accordions
body: <p>I'm currently using a very simple script to load an exterior php page into an html page (reason for the transfer is that the final html page will be embedded in an app). The exterior php page contains a layout for making jquery accordion setup. 1/5 times when i load the page (doesn't matter if its on a desktop, mobile browser, or the actual app) it will do one of three things, either load the page and not show no content (an inspection shows the code from the php page is there), load the page multiple times within itself (so there will be an accordion within an accordion within an accordion) or have the loading animation get stuck and keep spinning and not go away after the page is completely functional. Any ideas? here is the code in the html file</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /&gt;
  &lt;link rel="stylesheet" href="includes/css/themes/BCHS.min.css" /&gt;
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;BCHS Today&lt;/title&gt;
  
  &lt;script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;style type="text/css"&gt;
  .title {
      font-weight:bold;
  }
  .added_by {
      color:#999;
      font-weight:600;
      font-size:9px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
  &lt;div id="container"&gt;
  
  &lt;/div&gt;
          &lt;script type="text/javascript"&gt;
              $("#container").load('http://bchs.wizuma.com/index.php', '', function     (response, status, xhr) {
                  setTimeout("location.reload(true);", "5000");
                  if (status == 'error') {
                      var msg = "Sorry but there was an error: ";
                  }
              });
          &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>A very simple script, the link to the actual page is <a href="http://bchs.wizuma.com/index.html" rel="nofollow">here</a></p>