title: jQuery gridstack.js plugin: get "cell" width and height but keep it resizable
body: <p>I'm using <a href="https://github.com/troolee/gridstack.js" rel="nofollow">gridstack.js</a> to display a "layout" to users so they can build an ad page, and while I'm able to get the width and height of the cell after it's resized, as soon as the resize is done, the ability to resize the cell again is lost. Here is the HTML code I have:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-sm-12"&gt;
      &lt;div class="editable"&gt;
        &lt;div class="grid-stack"&gt;
          &lt;div class="grid-stack-item" data-gs-x="0" data-gs-y="0" data-gs-width="2" data-gs-height="2"&gt;
            &lt;div class="grid-stack-item-content"&gt;2 x 2&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="grid-stack-item" data-gs-x="2" data-gs-y="0" data-gs-width="3" data-gs-height="4"&gt;
            &lt;div class="grid-stack-item-content"&gt;3 x 4&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the JavaScript:</p>
  
  <pre><code>$('.grid-stack').gridstack({
    width: 16,
    height: 16,
    cell_height: 60,
    vertical_margin: 20,
    animate: true,
    always_show_resize_handle: true
  });
  
  $('.grid-stack-item').on('resizestop', function() {
    var node = $(this).data('_gridstack_node');
  
    if(typeof node == undefined) {
        return;
    }
  
    $(this).html('&lt;div class="grid-stack-item-content ui-draggable-handle"&gt;' + node.width + ' x ' + node.height + '&lt;/div&gt;');
  });
  </code></pre>
  
  <p>I was originally getting the <code>width</code> and <code>height</code> by just calling <code>$(this).data('gsWidth')</code> and <code>$(this).data('gsHeight')</code> but it would only retain the original attributes, and not the updated ones (even though the <code>HTML</code> code would change).</p>
  
  <p>I want the user to see the new <code>W x H</code> value after (or while) they resize a "cell", but it's not working.</p>
  
  <p>Here's a JSFiddle example so you can see what's going on (make sure your browser window is big enough):</p>
  
  <p><a href="http://jsfiddle.net/divspace/zsstqhee/" rel="nofollow">http://jsfiddle.net/divspace/zsstqhee/</a></p>