Edit in JSFiddle

$('#test_ckb').change(function(){
	if ($(this).is(':checked')) {
		$('#result').append('<p>hey</p>');
	} else {
		$('#result').append('<p>jude</p>');
	}
});

$('#bye').click(function(){
    $('#result').html('');
    return false;
});
#result {
    background:#ddd;
    border-radius:5px;
    padding:5px;
    min-height:10px;
}

#result p {
    margin:0;
}

input[type=checkbox],
label {
    cursor:pointer;
}
<input type="checkbox" name="test_ckb" id="test_ckb" value="1"><label for="test_ckb">click me</label>
<p>result (<a id="bye" href="bye">reset</a>)</p>
<div id="result"></div>