Bootstrap-Wizard how to overwrite a default active tab (first tab) to previous active tab after saving or submitting data?

Question

I am using Bootstrap-Wizard with 6 tabs and each tab has to save form data button, after saving data in one tab the page is getting reloaded so that first tab becoming active tab by default but I want to make that tab active in which I saved the data.

i.e: I am saving data in 5th tab after saving data in 5th tab only 5th tab should become active not the first tab.

when we save the data in one tab page is reloading, so index value becoming 0 after the page reload so when i click next button the second tab becoming active (index value 1), its not actually going to the next tab to the active tab.

for better understanding i'm adding similar questions below please go through this,

stack overflow question

1, keep the current tab active with twitter bootstrap after a page reload?
2, How do I keep the current tab active with twitter bootstrap after a page reload?
3, Bootstrap 3: Keep selected tab on page refresh

Bootstrap-Wizard: github.com/gilluminate/Bootstrap-Wizard

Page Example

Answer 1

Try this.

$(document).ready(function(){
$('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
    localStorage.setItem('activeTab', $(e.target).attr('href'));
});
var activeTab = localStorage.getItem('activeTab');
if(activeTab){
    $('#myTab a[href="' + activeTab + '"]').tab('show');
}
else{ $('#myTab a:first').tab('show'); }
});