bootstrap tabs isues while showing

bootstrap content and tab is not selected
I searched many answers here in stackoverflow, basically stuck with bootstrap 3.3.1

so here is my JS Code

$(document).on('click','.messageUsers',function() {
    $('.nav-tabs a[href="#individualsmsg"]').tab('show');

What i am doing, if i am on different tab which has a link and when i click the link which has the class of above, i want to show the tab and its content active and visible,

while it does not do it on screen, in the console, it adds the tab show to the div but does nothing, the content is hidden and even the tab is also not selected, the tab from where the link was clicked stays active

Source: Ask Javascript Questions