[razorg1991]

Имеется скрипт:

$(document).ready(function(){
 
        var $menu = $("#menu");
 
        $(window).scroll(function(){
            if ( $(this).scrollTop() > 100 && $menu.hasClass("header-menu") ){
                $menu.addClass("navbar-fixed-top");
            } else if($(this).scrollTop() <= 100 && $menu.hasClass("navbar-fixed-top")) {
                $menu.removeClass("navbar-fixed-top");
            }
        });//scroll
    });

Структура html

<div class="header-logo">лого</div>
<div class="header-menu" id="menu">
контент
</div>

CSS:

.header-logo {
        width:100%;
	background: #333333; /* Old browsers */
	border-bottom:1px solid #000;
}
.header-menu {
        width:100%;
	background: #f8bb49; /* Old browsers */
	border-top:1px solid #fcdda4;
	border-bottom:1px solid #a16013;
}
.navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
}

Почему-то скрипт не хочет фиксировать блок menu при скроле
А в консоли вот это:

TypeError: $ is not a function
	var $menu = $("#menu");

В чем причина?