Table in Divs via Each loop

by Faisal Khan Janjua

HTML

<div>
  <span></span>
  <span></span>
  <span></span>
</div>

CSS

div span{
  display:block;
  width:30%;
  float:left;
  padding:1%;
  margin-right:1%;
  border:1px solid #999;
  border-radius:5px;
}
p{
  margin:0;
}

JavaScript

$(document).ready(function(){
  var i = 1;
  var j = 1;
	for(i=2; i < 5; i++){
    for(j=1; j < 11; j++){
			jQuery('div span:nth-child('+(i-1)+')').append("<p>" + i + " x " + j + " = "+ i*j +"</p>");
    }
  }
});