Cannot Figure this out this jquery function

Cannot Figure this out this jquery function

 $(document).ready(function () {
     for (var i=1;i <29; i++) {
      $('.box').append(i+"");
      }
    });

its overlapping and trying to fit 1-28 inside one of my 28 boxes on every box why? Help appreciated im new to jquery.