JQuery intentar elemento de ocultar al hacer clic en un niño

Question

Estoy tratando de ocultar un elemento cuando se hace clic en una imagen con el ID de 'cerca'.

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

En caso de ser todo lo que necesito, por lo que puedo decir, pero no pasa nada cuando hago clic.

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

está trabajando muy bien para ocultar cuando se pulsa escape, así que no estoy muy seguro de lo que me falta.

Mi HTML está (no usar un cajero automático imagen porque pensé que había que conseguir la escritura de trabajo antes de que hiciera una):

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

Esto es todo lo codificado, sin AJAX.

Answer 1

¿La imagen con id="close" ya existen en el DOM cuando se establece la función de clic?

Por cierto. WFM. Marque aquí http://jsbin.com/acose

Answer 2

¿El #close existir en el DOM cuando estás unirse al evento de clic? Si está usando Ajax o algún otro medio para modificar el DOM que necesita para configurar su evento click en ese punto en el código o el uso live.

$("#close").live("click", function() { do stuff });

También se debe devolver falsa de su evento de clic o llamando a preventDefault.