Overriding check box in JavaScript with jQuery

Question

Help with unit testing checkbox behavior. I have this page:

Answer 1

Try this:

$(function() {
    $('
Make Hidden
').appendTo('body');
    $('
Was Hidden
').appendTo('body');

    $('#makeHidden').click(function() { return onCheckboxClicked(this) } );
});

function onCheckboxClicked(el) {
    var isChecked = $(el).is(':checked');

    if (isChecked) {
        $('#displayer').hide();
    }
    else {
        $('#displayer').show();
    }
    return false;
}