Ajax中的默认选项卡

I'm trying to load a default tab in the tabbed ajax code that I've got, this is the source from the head tags

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://www.hastiefitness.com.au/wp-content/themes/hastie/jquery.fwd_tabs.js"></script>

And this is what I'm using in HTML:

<div class="tabs">
    <ul class="tab-menu">
        <li><a href="#tab-1">TEAM TRAINING PROGRAM</a></li>
        <li><a href="#tab-2">VIRTUAL EDUCATION AND COACHING PROGRAM</a></li>
        <li><a href="#tab-3">PERSONAL COACHING PROGRAM</a></li>
    </ul>
    <div class="tab-content" id="tab-1">

The page in question is :

http://www.hastiefitness.com.au/programs/

The default tab is meant to be the middle one, which is tab-2.

How would I be able to perform this? I've searched and haven't been able to get it working at all.

Looks like the plugin used does not have any direct support for setting active tab so once the plugin is initialized trigger a click event on the desired anchor element

jQuery(function(){
    $('.tabs').fwd_tabs();
    $('.tabs a[href="#tab-2"]').click()
})

Demo: Fiddle