Tengo un contenedor div que contiene la casilla de verificación html y su etiqueta. Usando jquery, quería provocar un evento de clic cuando alguien hace clic en la etiqueta de este contenedor.

¡Veo que el evento jquery click se dispara dos veces cuando hago clic en la etiqueta!

Para fines de prueba, activé el evento de clic en la casilla de verificación en lugar de la etiqueta y aquí, el evento de clic de la casilla de verificación solo se activa una vez como debería ser.

Aquí está el violín.http://jsfiddle.net/AnNvJ/2/

<tr>
    <td>
        <div id="test">
            <label>
                <input type="checkbox" id="1" />demo1</label>
            <label>
                <input type="checkbox" id="2" />demo2</label>
            <label>
                <input type="checkbox" id="3" />demo3</label>
        </div>
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>

JQUERY

$(document).ready(function () {

    $('#test label').live('click', function (event) {
        alert('clicked');
    });


    $('#test checkbox').live('click', function (event) {
        alert('clicked');
    });

});