为什么点击不能实现？

Question

<div class="ul">        <ul>            <li><a href="#">1佳能</a></li>            <li><a href="#">2索尼</a></li>            <li><a href="#">3三星</a></li>            <li><a href="#">4尼康</a></li>            <li><a href="#">5松下</a></li>            <li><a href="#">6卡西欧</a></li>            <li><a href="#">7富士</a></li>            <li><a href="#">8柯达</a></li>            <li><a href="#">9宾得</a></li>            <li><a href="#">10理光</a></li>            <li><a href="#">11奥林巴斯</a></li>            <li><a href="#">12明基</a></li>            <li><a href="#">13爱国者</a></li>            <li><a href="#">14其他品牌相机</a></li>        </ul>        <div class="more">            <a href="#"><span>显示全部品牌</span></a>        </div></div>$(function(){         var $hides = $("ul li:gt(5):not(:last)");         $hides.hide();         var $btn = $("div.more a");         $("$btn").click(function(){             if($hides.is(":hidden")){                 $hides.show();                 $(this).find("span").text("精简显示品牌");                 $("ul li")                     .filter(":contains('佳能'),:contains('尼康'),:contains('奥林巴斯')")                     .addClass("promoted");             }             else{                                 $hides.hide();                 $(this).find("span").text("显示全部品牌");                 $("ul li").removeClass("promoted");                              }             return false;         });     });