【jQuery】コンテンツをオーバーレイ表示させちゃう

デモ

HTML部分

<div id="btn">OPEN</div>
<div id="overlay">
<div id="close">CLOSE</div>
<p>でた！</p>
<!-- /#overlay --></div>

CSS部分

#btn {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
#overlay {
display: none;
width: 100%;
position: fixed;
top: 0;
z-index: 100;
background: rgba(0,0,0,0.8);
}
#close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}

スクリプト部分

<script>
$(function() {
	$("#btn").click(function() {
		$("#overlay").fadeIn();
	});
	$("#close").click(function() {
		$("#overlay").fadeOut();
	});
});
</script>