title: ngDraggable not able to drop the grid to its place
body: <p>I'm trying to implement drag and drop to my app and found a problem. 
  I'm using ngDraggable module from <a href="https://github.com/fatlinesofcode/ngDraggable" rel="nofollow">https://github.com/fatlinesofcode/ngDraggable</a>. I'm able to drag div and move it throught the screen but not able to drop it. If I drop it, it will fly back to the place where it has been insted of moving on the place. I'm trying to do same thing like in reorder example.</p>
  
  <p>Here is my code:</p>
  
  <p>JS:</p>
  
  <pre><code>$scope.draggableObjects = [
              {name: 'one'},
              {name: 'two'},
              {name: 'three'},
              {name: 'four'},
              {name: 'five'},
              {name: 'six'}
          ];
  
  
  $scope.onDragComplete=function(data,evt){
      console.log("drag success, data:", data);
  };
  $scope.onDropComplete = function (index, obj, evt) {
      var otherObj = $scope.grids[index];
      var otherIndex = $scope.grids.indexOf(obj);
      $scope.grids[index] = obj;
      $scope.grids[otherIndex] = otherObj;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-repeat="grid in draggableObjects" ng-drop="true" ng-drop-success="onDropComplete($index, $data,$event)" class="grids ng-scope"&gt;
          &lt;div class="grid grid-normal ng-scope" ng-drag="true" ng-drag-data="grid" ng-class="grid.name" class="ng-binding one"&gt;Add a new chart&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>So I have list of objects, and callback functions, but its not working.
  Also, I've noticed that my code vs example does not add dragging and drag-over classes, don't know why, maybe this cause the problem.</p>