how do I create a list of li's (they look like simple boxes by using css and float left) with the certain specifications: 

* 7 li's in a row
* the row is a closed ul-tag
* at the end there should be 8 rows of ul's
* the last li (the 7th) should have the class="last".

this is what i got so far, to create li's through an array (i need an array, because i need the values):

```
<script type="text/javascript">
    $(function () {
     $.each([39, 6, 1, 3, 5, 1, 1, 1, 1, 1, 1], function(index, value) { 
       $("#heatmap ul").append("<li class='box' value="+value+">"+index+"</li>"); 
     });
    });
</script>

```

I appreciate your help and your time,
Nicole