Функция JQuery не работает, изменение вкладок начальной загрузки mvc

Я борюсь с явно легкой проблемой. У меня есть три вкладки на моем представлении, и мне нужно знать, когда пользователь вводит последнюю вкладку. Я использую загрузочные вкладки, и я попытался разрешить это в разных решениях, но никто из них не работал.

Есть мои вкладки:

 <ul class="nav nav-tabs" id="myTab" style="font-size: 18px">
      <li class="active" data-tab="tabTechnicalPresentation"><a data-toggle="tab" href="#home"><span class="fa fa-info"></span>  Informations </a></li>
      <li data-tab="tabReferenceNumbers"><a data-toggle="tab" href="#menu1"><span class="fa fa-list"></span>  Referencies </a></li>
      <li><a data-toggle="tab" href="#menu2" aria-controls="menu2" role="tab"><span class="fa fa-car"></span>  Vehicles </a></li>
 </ul> 
     <div id="home" class="tab-pane fade in active">
          <section class="reference-numbers">
           </section>
     </div>

      <div id="menu1" class="tab-pane fade">
      </div>

      <div id="menu2" role="tabpanel" class="tab-pane fade" 
      </div>

Я попытался решить эту проблему на основе http://getbootstrap.com/javascript/#tabs , как вы можете видеть:

 1.  <script>
   $(document).ready(function () {
    $("a[href='#menu2']").on('shown.bs.tab', function (e) {
        alert('shown - after the tab has been shown');
    });
  });
</script>

 2. <script>
  $(document).ready(function () {
    $(function () {
        $('#myTab a:last').tab('show')
    })

    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var target = $(e.target).attr("href");
        if ((target == '#menu2')) {
            alert('ok');
        } else {
            alert('not ok');
        }
    });
 });

Я пытался решить по-разному, но безуспешно. Предупреждение не отображается. Вы хоть представляете, что мне не хватает? Что я делаю неправильно? Благодаря!