title: Backbone simple use drag and drop
body: <p>I'm using default drag and drop inside a backbone application i'm listening event in my view like this :</p>
  
  <pre><code>"drop img.big-objet": "dragDropEvent",
  "dragenter img.objet": "dragEnterLeaveEvent",
  "dragleave img.big-objet": "dragEnterLeaveEvent",
  "mousedown img.big-objet": "dragStartEvent",
  "mouseup img.big-objet": "dragStopEvent",
  "dragend img.big-objet": "dragStopEvent",
  </code></pre>
  
  <p><strong>With the associated method</strong></p>
  
  <pre><code>dragEnterLeaveEvent: function (event){
      object = $(event.target);
      object.addClass('hidden');
      $('#'+object.attr('data-toggle')).removeClass('hidden');
  },
  
  dragStartEvent: function (event) {
          object = $(event.target);
          object.addClass('objet-drag').removeClass('objet-hover');
      },
  
      dragStopEvent: function (event) {
          object = $(event.target);
          object.addClass('objet-hover').removeClass('objet-drag');
      },
  
  objectHover: function(event){
      object = $(event.target);
          object.addClass('hidden');
      $('#'+object.attr('data-toggle')).removeClass('hidden');
  },
  
  dragDropEvent: function(event){
      alert('banana');
  }
  </code></pre>
  
  <p><strong>And the associated html</strong></p>
  
  <pre><code>&lt;img class="objet" id="small-objet01-level01" data-toggle="big-objet01-level01" src="img/content/small-objet01-level01.png" alt="" /&gt;
  &lt;img class="objet" id="small-objet02-level01" data-toggle="big-objet02-level01" src="img/content/small-objet02-level01.png" alt="" /&gt;
  &lt;img class="objet" id="small-objet03-level01" data-toggle="big-objet03-level01" src="img/content/small-objet03-level01.png" alt="" /&gt;
  &lt;img class="big-objet objet-hover hidden" id="big-objet01-level01" draggable="true" data-toggle="small-objet01-level01" src="img/content/big-objet01-level01.png" alt="" /&gt;
  &lt;img class="big-objet objet-hover hidden" id="big-objet02-level01" draggable="true" data-toggle="small-objet02-level01" src="img/content/big-objet02-level01.png" alt="" /&gt;
  &lt;img class="big-objet objet-hover hidden" id="big-objet03-level01" draggable="true" data-toggle="small-objet03-level01" src="img/content/big-objet03-level01.png" alt="" /&gt;
  </code></pre>
  
  <p>All of my events work correctly but not the drop event. So my question is how make it work ?</p>