Как сделать вкладку nav активным извне с помощью кнопки?

Question

<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> 

Я использую следующую кнопку для перемещения следующей вкладки. Вкладка меняется, но активна только на первой вкладке вкладки nav. Как изменить активную с первой на выбранную вкладку?

Answer 1

Огонь событие на кнопку мыши, как этот

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