JQ Clear HTML Document SRC

<html>
<center>
<body bgcolor="darkgray">
<font color="hotpink">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").css("color","darkred");
$("button").css("background-color","skyblue");
$("button").css("font-size","22px");
$("button").mouseup(function(){
$(document).empty().css("color","000000");
});
});
</script>
<div>
<h2>
Demo Text To Be Cleared!!
</h2>
</div>
<p>
<button>Clear The HTML In Document!!</button>
</center>
</html>