jquery tabs, onload event on first tab
<p>I'm using JQuery tabs plugin and ajax json mvc to retrieve data inside these tabs.
Everything works ok with onclick events but I need to load content inside first tab as soon as  page load.
Here's the code</p>

<pre><code>&lt;script&gt;
$(function () {
        $("#tabs").tabs();
        // how to add onload event for Tab One GetTabData(id); 

        $(".tabLink").click(function (event) {
            var id = $(this).parent().text();    
            GetTabData(id); 
        });
    });
&lt;/script&gt;
&lt;div class="demo"&gt;
    &lt;div id="tabs"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#tab-1" tabId="1" class="tabLink"&gt;Tab One&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#tab-2" tabId="2" class="tabLink"&gt;Tab Two&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#tab-3" tabId="3" class="tabLink"&gt;Tab three&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#tab-4" tabId="4" class="tabLink"&gt;Tab four&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;div id="tab-1"&gt;                
        &lt;/div&gt;
        &lt;div id="tab-2"&gt;                
        &lt;/div&gt;
        &lt;div id="tab-3"&gt;                
        &lt;/div&gt;
        &lt;div id="tab-4"&gt;                
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
