Удаление виджета гридстера оставляет красный цвет

Question

У меня есть HTML-код, помогающий в добавлении / удалении и изменении размера виджетов в gridster. Но когда я добавляю виджет, а затем, если я изменяю его размер и удаляю его, остается красный квадрат. Есть ли способ удалить его

$(function() {
  var gridster;
  var grid_size = 100;
  var grid_margin = 5;
  gridster = $(".gridster ul").gridster({
  widget_base_dimensions: [100, 100],
  widget_margins: [5, 5],
  helper: 'clone',
  resize: {
    enabled: true
  }


 }).data('gridster');



  $(document).on("click", ".delete-button", function() {
  var gridster = $(".gridster ul").gridster().data('gridster');
  gridster.remove_widget($(this).parent());

});



 $(document).on("click", ".add-button", function() {
 gridster
    .add_widget('<li><button class="delete-button" style="float: right;">-
 </button><h3></h3></li>', 1, 1);
 gridster.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);
    }
  });
});
})

Ниже приводится ссылка Fiddle

Любая помощь будет оценена