FullCalendar - all the months on 1 page?

I can't find a way to show all the months from Jan to Dec on a page using FullCalendar plugin. I wanted to look something like this:

For each month I want to resize it to approx 250px

I tried this code and it doesn't resize the width to 250px:

$('#calendarJan').fullCalendar({
          editable: false,
          events: 'ajax-calender.php?month=jan',
          height: 50,
          eventAfterRender: function(event, element, view) {
                     $(element).css('width','250px');
               }
});

HTML

  <div style='background-color:white; padding:5px;'>
   <div id='calendarJan'></div>
   <div id='calendarFeb'></div>
   <div id='calendarMar'></div>
  </div>

try setting the width of the div you're placing it in.. something like this:

document.getElementById('calendarJan').setAttribute("style", "width: 250px");