Script que muda o header por hora

bom pessoal estava visitando um site de humor na parte da manhã, quando fui olhar o site novamente só que anoite, o seu background hávia mudado,

fui analisar o que se passava, daí achei esse codigo.:

$(document).ready(function(){
/*d = new Date();
var hora = d.getHours();

if(hora > 6 && hora < 12){
	$('body').attr('id','morning');
}else if(hora > 11 && hora < 18){
	$('body').attr('id','afternoon');

}else{ $('body').attr('id','night'); }*/ });

quando fui add o codigo seguindo o padrao da css do mesmo site, nao funcionou, gostaria muito que você's me ajudem :D