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

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

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

```