Javascript jQuery UI选项卡切换不起作用

我有下面的代码。每当用户单击按钮时，我都需要切换选项卡。我看到选项卡被切换了一会儿，但它立即切换回第一个选项卡。为什么呢？我如何解决这个问题

<div id="tabs">
        <ul>
            <li><a href="#tabs-1">A</a></li>
            <li><a href="#tabs-2">B</a></li>
            <li><a href="#tabs-3">C</a></li>
            <li><a href="#tabs-4">D</a></li>
        </ul>

        <div id="tabs-1">
            <div class="input">
            <form>
                <fieldset>
                    <legend>Data source</legend>
                    Blah blah
                </fieldset>

                <fieldset>
                    <legend>Legend</legend>  
                    <div id="accordion">
                        <h4>Check sequence</h4>
                        <div>                              
                            <button id="submitCheckSequence">Test!</button>    
                        </div>
                        <h4>Random section</h4>
                        <div>                               
                        </div>
                    </div>
                </fieldset>    
            </form>
        </div>

        </div>
        <div id="tabs-2">
            <p>Blah</p>
        </div>
        <div id="tabs-3">
            <p>Blah</p>
        </div>    
        <div id="tabs-4">
            <textarea rows="4" cols="50" readonly>
                Blah
            </textarea>
        </div>    
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#tabs").tabs();
            $("#accordion").accordion();

            $("#submitCheckSequence").click(function () {
                $("#tabs").tabs("option", "active", 3);
            });
        });

    </script>

数据源
废话
传奇
检查顺序
测试！
随机截面
废话

废话

废话
$（文档）.ready（函数（）{
$（“#制表符”）.tabs（）；
$（“#手风琴”）。手风琴（）；
$（“#submitCheckSequence”）。单击（函数（）{
$（“选项卡”）。选项卡（“选项”、“活动”，3）；
});
});

没有结束标记。此外，您的

按钮

位于表单中。这可能就是为什么单击表单中的按钮后会刷新它。为表单指定

name

属性，并在其上执行

e.preventDefault

。如果你没有任何其他的表单输入，我会把表单拿出来，把按钮留在那里。这种方法在JSFIDLE上有效

这是一把小提琴@Odelibalta在修复中是正确的，但是阻止它尝试发布的基本代码段如下所示

        $("#submitCheckSequence").click(function (event) {
            event.preventDefault();
            $('#tabs').tabs("option", "active", 2);
        })