Javascript 如何使用按钮从外部激活导航选项卡？

我正在使用“下一步”按钮移动下一个选项卡。选项卡正在更改，但活动选项卡仅位于导航选项卡的第一个选项卡中。如何将活动选项卡从“第一个”更改为“选定”选项卡？

按此按钮可触发事件

<ul class="nav nav-tabs piluku-tabs " role="tablist">
    <li role="presentation" class="active">
        <a href="#home" aria-controls="home" role="tab" data-toggle="tab">Personal Detail</a>

    </li>
    <li role="presentation">

        <a href="#join" aria-controls="join" role="tab" data-toggle="tab">Joining Detail</a>
    </li>
    <li role="presentation">

        <a href="#education" aria-controls="education" role="tab" data-toggle="tab" id ="id2">Education Detail</a>
    </li>
    <li role="presentation">

        <a href="#experience" aria-controls="education" role="tab" data-toggle="tab">Experience Detail</a>
    </li>
</ul>

<a href="#join" aria-controls="join" role="tab" data-toggle="tab"><button type="button" class="btn btn-primary clickme">Next</button></a>

可能重复的

$('.clickme').click(function(){
  $('.nav-tabs > .active').next('li').find('a').trigger('click');
});