게시물 스크롤 내릴때 div표현하는 방법좀알려주세요

게시물을 읽을때 스크롤이 200px정도 내려가면 hide라는 메뉴창이 뜨게끔 만드려고합니다.

게시물 상단에 

<div class="hide" style="width:100%;height:100px;">을 만들고 

css에서 display:none 부여한다음에 

자바스크립트문을

  (function($){
     $(function(){
         $(window).scroll(function () {
            var height = $(document).scrollTop();
            if(height >= 150)
         {
                $('hide').css('display','block');
         }
         else{
             $('hide').css('display','none');
         }            
        });
     })
 })(jQuery);

layout.js참고하여 만들긴했는데 스크립트문이 잘못된건지 실행은 되지않습니다 ㅜ.ㅜ

어떤식으로 수정해야할까요 ㅜㅜ