задержка в появлении div

[xsfd]

Есть код css

 
<style type="text/css">
   #layer3 {
    z-index: 2;
    position: absolute; 
    right: 15%;
    top: 10%;
    display: none
   }
</style>

Есть код js для появления дива #layer3 через промежуток времени

<SCRIPT type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$('#layer3').fadeIn('slow');
}, 1500);
});
</SCRIPT>

Но ничего не работает(( Подскажите пожалуйста что не так((

Суть такова: чтобы первые 5 секунд пользователь видел превый div, а потом вместо первого видел второй.

[monolithed]

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
#div1, #div2 {
	background: red;
	width: 50px;
	height: 50px;
}
#div2 {
	background: green;
	display: none;
}
</style>

<script type="text/javascript">
$(function(){
	$('#div1').delay(1500).queue(function(){
		$(this).remove();
		$('#div2').fadeIn(400);
	}); 
});
</script>

<div id="div1"></div>
<div id="div2"></div>

[xsfd]

Большое спасибо!