<div class="popup">
        <div class="body">
            <img src="/img/popup.jpg">
            <a href="#.">X</a>
        </div>
        <div class="bg"></div>
    </div>
    <script>
        $(".popup a").click(function(){
          $(".popup").hide();
        });
    </script>

이렇게 해서 X를 눌렀는데 팝업이 사라지지 않습니다 뭐가 잘못 된건가요?