jquery - jQuery タブの手動選択

Question

jQuery UI タブを使用しています。ボタン クリックでタブを変更したいと考えています。どうすればいいですか？

タブの html と jQuery タブの JavaScript コードを記述したマークアップを次に示します。

<ul class="tabs">
    <li><a href="#">tab 1</a></li>
    <li><a href="#">tab 2</a></li>
    <li><a href="#">tab 3</a></li>
</ul>

<div class="tab-content">
    <div>Tab 1</div>
    <div>Tab 2</div>
    <div>Tab 3</div>
</div>

<input type="button" onclick="changetab(2)">Go to 2nd Tab</input>

<script type="text/javascript">
    (function () {

    $(".tabs-container").each(function () {
        var $history = $(this).attr('data-history');
        if ($history != undefined && $history == 'true') {
            $history = true;
        } else {
            $history = false;
        }
        var $initialIndex = $(this).attr('data-initialIndex');
        if ($initialIndex == undefined) {
            $initialIndex = 0;
        }
        $("ul.tabs", this).tabs("div.tab-content > div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: $history, initialIndex: $initialIndex });
    });

    })();

    function changetab(index){
       // WHAT TO DO HERE!!!
    }
</script>