Twitter bootstrap navbar dropdown

[Mido]

I am having some problems making twitter bootstrap drop-down navbar work. I ran through numerous tutorials and if I copy the code from there it doesn't work for me. In the console I get the following error \[code\]TypeError: $ is undefinedvar old = $.fn.dropdown\[/code\]Here is my code: \[code\]<div class="container-fluid"> <div class="row-fluid"> <div class="span8"> <!--Body content--> <div class="navbar"> <div class="navbar-inner"> <ul id="tab" class="nav"> <li class="active"><a href="http://stackoverflow.com/questions/14072013/#Tab1" data-toggle="tab">Recent</a></li> <li><a href="http://stackoverflow.com/questions/14072013/#Tab2" data-toggle="tab">Top</a></li> <li><a href="http://stackoverflow.com/questions/14072013/#Tab3" data-toggle="tab">Near you</a></li> <li class="dropdown"> <a href="http://stackoverflow.com/questions/14072013/#" class="dropdown-toggle" data-toggle="dropdown">Filters <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="http://stackoverflow.com/questions/14072013/#">Filter1</a></li> <li><a href="http://stackoverflow.com/questions/14072013/#">Filter2</a></li> </ul> </li> </ul> </div> </div> </div> <div class="span4"> <!--Sidebar content--> </div> </div></div>\[/code\]And here are my includes - they load without problem:\[code\] <link href="http://stackoverflow.com/questions/14072013/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"> <script type="text/javascript" src="http://stackoverflow.com/questions/14072013/bootstrap/js/bootstrap-dropdown.js"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/14072013/jquery-1.7.2.min.js"></script> \[/code\]The page loads up, but when I click on the Filters menu item, it throws the above mentioned exception and nothing happens.