advice on using .className, currently doesn't work within my loop?
<p>Ive created a loop to assign the class 'last' to every fifth element but for some reason .className doesn't seem to work. I originally used .class but ie7 and ie8 error out at this. Can anyone advise how I can resolve this?</p>

<p><strong>JS Snippet</strong></p>

<pre><code>success: function(response) {
                    var source = $("#calendar-template").html(),
                            template = Handlebars.compile(source),
                            gameHTML = '';

                    for (var i = 0, gameLength = response.data.games.length; i &lt; gameLength; i++){
                        var thisGame = response.data.games[i];
                        console.log(thisGame);
                        thisGame.className = ((i+1) % 5 == 0) ? 'last' : '';

                        gameHTML += template(thisGame);
                    }

                    instance.selectors.dateWrapper.append(gameHTML);

                    deferredObject.resolve();

                    instance.displayGames();
                },
</code></pre>

<p><strong>Response</strong></p>

<pre><code>data: Object
games: Array[18]
0: Object
1: Object
2: Object
3: Object
...
</code></pre>

<p>Cheers</p>
