title: not sure how to use gridster.serialize() with Gridster jQuery plugin
body: <p>I've just started using the Gridster jQuery plugin and I'm having trouble using 
  gridster.serialize(). According to the site, it is supposed to create a JavaScript array of objects with positions of all the widgets, ready to be encoded as a JSON string.</p>
  
  <p>I just have some basic code:</p>
  
  <pre><code>        $(function(){ //DOM Ready
              $(".gridster ul").gridster({
                  widget_margins: [10, 10],
                  widget_base_dimensions: [140, 140]
              });
          });
  </code></pre>
  
  <p>With corresponding HTML: </p>
  
  <pre><code>    &lt;div class="gridster"&gt;
          &lt;ul&gt;
          &lt;li data-row="1" data-col="1" data-sizex="1" data-sizey="1"&gt;1&lt;/li&gt;
          &lt;li data-row="2" data-col="1" data-sizex="1" data-sizey="1"&gt;1&lt;/li&gt;
          &lt;li data-row="3" data-col="1" data-sizex="1" data-sizey="1"&gt;1&lt;/li&gt;
  
          &lt;li data-row="1" data-col="2" data-sizex="2" data-sizey="1"&gt;2&lt;/li&gt;
          &lt;li data-row="2" data-col="2" data-sizex="3" data-sizey="2"&gt;2&lt;/li&gt;
  
          &lt;li data-row="1" data-col="4" data-sizex="1" data-sizey="1"&gt;3&lt;/li&gt;
          &lt;li data-row="2" data-col="4" data-sizex="2" data-sizey="1"&gt;3&lt;/li&gt;
          &lt;li data-row="3" data-col="4" data-sizex="1" data-sizey="1"&gt;3&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And it's not entirely clear to me how the gridster.serialize() function is suppose to work. I'm just trying to record the current size/position of all the tiles in my grid and put it into an array of some kind. Anyone have any ideas?</p>
  
  <p>EDIT: Here's the <a href="http://gridster.net/" rel="nofollow">site</a>.</p>