title: Adding class each time an item is dropped?
body: <p>Thanks for looking at this question in advance.</p>
  
  <p>I'm using jQuery drag and drop for a project I'm doing at university and I'm looking to count each drop and change the class that is added on each drop.</p>
  
  <p>Here is the jQuery:</p>
  
  <pre><code>$('#droppableChoking').droppable({
      drop: function (event, ui) {
          //reuse jQuery object
          var $this = $(this);
  
          //get object type
          var droppedObject = ui.draggable.data('object');
  
          //css reset
          $this.removeClass();
          $this.addClass("grape" + droppedObject);
          }
  
          //play drop sound
          audioClap.play();
      }
  });
  </code></pre>
  
  <p>I've tried doing a loop and add the value of the count to the class to change it each time but I'm doing something wrong!</p>