title: How remove element inside droppable to insert more new elements - jQuery
body: <p>I did a small rate system with jQuery where the user can drag numbers to another element. I want the user to be able to drag a new number, but then remove the number (element) the user dropped before.</p>
  
  <p>Right now I am just disabling the droppable but that stops the function obviously</p>
  
  <pre><code>$('#rate1, #rate2, #rate3, #rate4, #rate5').droppable({
                      accept: ('#drag_rate1, #drag_rate2, #drag_rate3, #drag_rate4, #drag_rate5'),
                      drop: function(ev, ui) { 
                          var numero = ui.draggable.html();
                          //var dedoid = ui.draggable.attr('id');
                          var bkg = ui.draggable.css('background-image');
                          var html = '&lt;div class=\'number_dropped\' style=\'background-image: '+bkg+'\'&gt;'+numero+'&lt;/div&gt;';
                          $(this).append(html).hide().fadeIn('slow');
                          $(this).droppable('disable');
                      }
                  });
  </code></pre>