Jquery .click not working as planned

Jquery .click not working as planned

$(function() {
$("#ForButton").click(function() { 
console.log("frak me");
$("#ButtonDiv").html("<div id='message'>Sup ninja face</div>");
$("#message").html("Ninja faces are pretty epic").append("<p></p>").hide().fadeIn(1500, function() { 
$('#message').append();
});
});
});


The goal, is to make a button in a form change into the text above.  it is not working, instead you see "frak me" really quick int he console and then the page reloads.  

Any thoughts?

Thanks,