title: shown.bs.tab event with default tab is not working
body: <p>I'm using bootstrap tabs in one of my application and I have a challenge where shown.bs.tab event is not getting triggered when page is loaded with default active tab.</p>
  
  <p>In the below code I have a tab named "Home" which is an default tab (active class added). On page load, my "Home" tab content is shown perfectly, but the challenge is the 'shown.bs.tab' event attached to that tab is not triggered. The same event is triggered when I navigate to "Menu 1" tab and then come back to "Home" tab.</p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
     &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a data-toggle="tab" href="#menu1"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
    &lt;div id="home" class="tab-pane fade in active"&gt;
      &lt;h3&gt;HOME&lt;/h3&gt;
      &lt;p&gt;Some content.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="menu1" class="tab-pane fade"&gt;
      &lt;h3&gt;Menu 1&lt;/h3&gt;
      &lt;p&gt;Some content in menu 1.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
    $(document).ready(function(){
       $("a[href='#home']").on('shown.bs.tab', function (e) {
         alert('tab shown');
       });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>How do I make this event trigger on page load? The intention behind this is content of "Home" tab is dynamic which is response of Ajax call which gets triggered on tab is shown. </p>