[jQuery] Delete first ten children of a prent div

[Michael Ray]

I have made a calendar, whose HTML looks like this
<div id="calendar">
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    <div>data for that day</div>
    etc.....
</div>

All of the widths and heights are fixed so that the child divs are 7 across
and 5 down. I want to be able to cycle through the calendar 1 week at a
time, and I think I have already figured out a way to prepend seven divs in
the beginning of #calendar, but I in turn want a function that will be able
to delete the first 7 divs inside the calendar. Does anyone know how this
could be done?

$(#nextButton).click(function(){
    $("????????????").hide("slow");
});