Chess

HTML

<div id="board">

</div>

CSS

#board{
    width:440px
}
.sqr {
  border: 1px solid gray;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 1px;
}
.sqr.alt {
  background-color:black;
}

JavaScript

for (var r = 0; r < 8; r++) {
  for (var c = 0; c < 8; c++) {
    var $box = $("<div class='sqr'></div>");
    if (( r + c) % 2){ $box.addClass('alt') }
    $("#board").append($box);
  }
}