Untitled

How do I switch stylesheets automatically using jQuery?
<body class='day'>

<body class='night'>

.day {
    background-color:#ffffff
}

.night {
    background-color:#808080
}

$('body').removeClass('day')
$('body').removeClass('night')

.day h1 { ...  }
.night h1 { ... }

<link type="text/css" rel="stylesheet" id="timeofdaystyle" href="day.css"/>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function() {
  var d = new Date();
  var hour = d.getHours();
  if (hour < 8 || hour > 20) {
     //between 8pm and 8am
     $('#timeofdaystyle').attr('href', 'night.css');
  } else {
     /* this is unnecessary really, because you already have it set to day.css,
      but I'll add it as an example */
     $('#timeofdaystyle').attr('href', 'day.css');
  }
});
</script>