Show/Hide DIV based on Form Checkbox

Show and/or Hide a Div based on a form checkbox selection.

HTML

<div id="ShowMeDIV">
<input type="checkbox" id="MyCheckBox" />
</div>

CSS

#ShowMeDIV {
  margin: 20px 0px 0px 20px;
}

JavaScript

$('#MyCheckBox').click(function() {
    if ($(this).is(':checked')) {
        $("#ShowMeDIV").hide();
    } else {
        $("#ShowMeDIV").show();
    }
});