Jquery在单击子元素时试图隐藏元素

$('#close').click(function() {
    $('#ordercell').hide('slide');
});

应该是我所需要的一切,从我能告诉,但什么都没有发生,当我点击。

$(document).keyup(function(event) {
    if (event.keyCode ==27) {
        $('#ordercell').hide('slide');
    }
});

当按下escape时,隐藏起来效果很好,所以我不太确定我错过了什么。

我的HTML是(不使用图像自动取款机,因为我想我应该在制作脚本之前让脚本工作):

<div id="ordercell">
    <div id="orderform">
        <div class="cardorder" id="cardorder56">
        <div id="close">X</div>
        <img src="foo.jpg">
        </div>
    </div>
</div>

这些都是硬编码的,没有AJAX。