5-2作业购物车问题

<div class="shopping" id="shopping-box">

        <a href="" id="shoptext">&nbsp<img src="img/icon/26.png"/ class="shopimg1"> &nbsp    购物车  |&nbsp &nbsp<span> 0 </span><img src="img/icon/23.png"/ ></a>

        <div class="shop" id="shop-content">

                购物车中还没有商品，赶紧选购吧！

        </div>

    </div>

JS代码为

$("#shoptext").mouseenter(function(){

 $('.shop').css('display','block');

}).mouseleave(function(){

$('.shop').css('display','none');

 });

为什么这样写鼠标经过购物车时都不会显示出来？