This is what I have so far the rules are that I can't hardcode anything, I cant touch the HTML, and I have to append my whole array at once to get the result. I'm basically having trouble pushing 8 `<td>` to my 8 `<tr>`. Thanks for the help.

JavaScript

```js
var checkerBoard = [];
$(function(){

  for(var i = 0; i < 8; i++){

    var trOdd = $('<tr>').addClass('odd');
    var trEven = $('<tr>').addClass('even');

    if(i % 2 !== 0){ checkerBoard.push(trEven); }
    else { checkerBoard.push(trOdd); }

    for(var j = 0; j < checkerBoard.length; j++){
      checkerBoard[j].append('<td>');
    }
}

  $('tbody').append(checkerBoard);
  $( ".odd td:odd" ).css( "background-color", "white" );
  $( ".odd td:even" ).css( "background-color", "black" );
  $( ".even td:odd" ).css( "background-color", "black" );
  $( ".even td:even" ).css( "background-color", "white" );

  $('#gameBoard').css({
    'border-collapse' : 'collapse',
    'border' : 'solid 1px black'
  });

  $('td').css({
    'width'  : '30px',
    'height' : '30px'
  });

});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>

<h1> Game Board </h1>
<table id="gameBoard">
<tbody></tbody>
</table>

</body>
```