title: Grid functionality not working
body: <p>I want to create a grid in jquery mobile for creating a calender. But instead of getting rows and coloumn arrangement i am getting only different rows and not coloumns. Please help</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;jQM Complex Demo&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width"/&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
      &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;    
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div data-role="page" id="index"&gt;
          &lt;div data-role="header"&gt;&lt;/div&gt;
  
          &lt;div data-role="content"&gt;
              &lt;fieldset class="container_12" &gt;
                  &lt;div class="ui-block-a"&gt;&lt;div class="grid_2"&gt;day 1&lt;/div&gt;&lt;/div&gt;
                  &lt;div class="ui-block-b"&gt;&lt;div class="grid_2"&gt;day 2&lt;/div&gt;&lt;/div&gt;      
                  &lt;div class="ui-block-c"&gt;&lt;div class="grid_2"&gt;day 3&lt;/div&gt;&lt;/div&gt;      
                  &lt;div class="ui-block-d"&gt;&lt;div class="grid_2"&gt;day 4&lt;/div&gt;&lt;/div&gt;
                  &lt;div class="ui-block-d"&gt;&lt;div class="grid_2"&gt;day 5&lt;/div&gt;&lt;/div&gt;
                  &lt;div class="ui-block-d"&gt;&lt;div class="grid_2"&gt;day 6&lt;/div&gt;&lt;/div&gt;
  
  
              &lt;/fieldset&gt;
          &lt;/div&gt;
  
          &lt;div data-role="footer" data-position="fixed"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;   
  &lt;/body&gt;
  &lt;/html&gt;    
  </code></pre>
  
  <p>The output is coming in this way rather than coming in grid form:</p>
  
  <p>day 1<br>
  day 2<br>
  day 3<br>
  day 4<br>
  day 5 <br>
  day 6 <br></p>
  
  <p>This output is just an illustration of the recieved output and similar to the actual result</p>