Почему не могу увидеть значение атрибута 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
})
