Content not loading in tab

Content not loading in tab

Hi. I have a group of tabs and each one of them is loading content from other files. One is a simple php and the other two have other jquery components. One has a chart and the other has a table. If I only use the simple php, when I load the page, the content of the first tab is displayed without problem, but if I include the other two tabs, then the content is not loaded. I need the content of the first tab loaded each time.

  1.  <div id="tabs">
            <ul>
            <li><a href="simple.php" title="Inicio"><span>Main</span></a></li>
            <li><a href="#tabs-2">Profile</a></li>

            <li><a href="pie-basic.htm" title="Stats"><span>Stats</span></a></li>
            <li><a href="table-test.php" title="Table"><span>Table</span></a></li>
            <li><a href="#tabs-3">Video</a></li>
            </ul>
       
       </div>









If I only include the first tab, "Main", the content in simple.php is displayed each time you load the page, but if I include any of the other two files, pie-basic.html and/or table-test.php, then the content in simple.php is not loaded, it only loads after clicking on "Stats" and then clicking "Main" again. How can I get the page to display the contents of simple.php every time?

  Thanks