Почему не могу увидеть значение атрибута Jquery
 

Почему не могу увидеть значение атрибута Jquery

<!--Nav Tabs-->
<ul class="nav nav-tabs">
   <li class="active" style="height:40px">
      <a data-toggle="tab" href="#demo-lft-tab-1" style="height:40px">
          <div  style="top:-10px;position:relative;margin:0 auto;">
              <button data-href="/cabinet" style="width:129px;position:relative;margin:0 auto;" class="btn btn-default btn-rounded"><img src="/img/Aufgaben.png"><span style="padding-left:10px;">Мой кабинет</span></button>
          </div>
</a>
     </li>

$(document).ready(function(){
        var href= $('.nav-tabs li .active a').attr('href');
        alert(href) //undefined
    })

Потому что элемента удовлетворяющего вашему селектору тупо нет на странице.
Нужно так:

var href=$('.nav-tabs li.active a').attr('href');

Спасибо