title: jQuery Dragable and Resizable conflicting
body: <p>I'm using the Gridster Plugin(<a href="http://gridster.net" rel="nofollow">http://gridster.net</a>). I found an updated demo at Github of this which is resizable. I have also added the jQuery livequery plugin in order to go well with the future items. </p>
  
  <p>After adding new grid items, either dragable/resizable is working. Default Items are working fine, only the problem with new items. This is how I'm using the code:</p>
  
  <p><strong>Resize + Drag</strong></p>
  
  <pre><code>var layout;
  var grid_size = 30;
  var grid_margin =5;
  
  $(function() {
      layout = $('.layouts_grid ul').gridster({
          widget_margins: [grid_margin, grid_margin],
          widget_base_dimensions: [grid_size, grid_size],
          serialize_params: function($w, wgd) {
              return {
                  x: wgd.col,
                  y: wgd.row,
                  width: wgd.size_x,
                  height: wgd.size_y,
                  id: $($w).attr('data-id'),
                  name: $($w).find('.block_name').html(),
              };
          },
          min_rows: block_params.max_height
      }).data('gridster');
  
      $('.layout_block').livequery(function(){
          $('.layout_block').resizable({
              grid: [grid_size + (grid_margin * 2), grid_size + (grid_margin * 2)],
              animate: false,
              minWidth: grid_size,
              minHeight: grid_size,
              containment: '#layouts_grid ul',
              autoHide: true,
              stop: function(event, ui) {
                  var resized = $(this);
                  setTimeout(function() {
                      resizeBlock(resized);
                  }, 300);
              }
          });
      });
  
      //This works only for default items
      $('.ui-resizable-handle').hover(function() {
          layout.disable();
      }, function() {
          layout.enable();
      });
  });
  </code></pre>
  
  <p><strong>Adding Item</strong></p>
  
  <pre><code>$('#add').click(function(){
       var tmpP = '&lt;li class="layout_block new ui-resizable ui-resizable-autohide" style="background-color: #B60000;"&gt;New one&lt;/li&gt;'
       var gridster = $(".layouts_grid ul").gridster().data('gridster');
       gridster.add_widget(tmpP, 2, 1);
  });
  </code></pre>
  
  <p>Please Check the JSFiddle as well <a href="http://jsfiddle.net/PrtrR/51/" rel="nofollow">http://jsfiddle.net/PrtrR/51/</a></p>
  
  <p>Please help me do this.</p>
  
  <p>Regards.</p>