Two docready() events are firing with jQuery.tabs();
<p><strong>Problem:</strong> When the document is ready, jQuery will fire off the tabs function below. Then after tabs finishes, it fires the document ready function again. What would be a good approach to only trigger the document ready function once? Thanks!</p>

<pre><code>$(document).ready(function() {
  $("#index-tabs").tabs({
      cache: true
  }, {
      idPrefix: 'ui-tabs-index'
  });
});
</code></pre>

<p>My tabs:</p>

<pre><code>&lt;ul id="index-tablist"&gt;
    &lt;li id="index-config-tab" class="frstTab"&gt;&lt;a href="ajax/config.html" &gt;Config&lt;/a&gt;&lt;/li&gt;
    &lt;li id="index-system-tab"&gt;&lt;a href="ajax/system.html" &gt;System&lt;/a&gt;&lt;/li&gt;
    &lt;li id="index-wizard-tab"&gt;&lt;a href="ajax/wizard.html" &gt;Wizard&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><strong>Update:</strong> I tried using the load parameter to specify a function to load. But for some reason when tabs() is executed its reloading the index and executing the tabs function twice.</p>

<pre><code>$("#index-tabs").tabs({
        load:initScripts,
        cache: true
    }, {
        idPrefix: 'ui-tabs-index'
});
function initScripts(){
    alert('run this code once'); // This alerts twice for some reason.
}
</code></pre>
