title: Get drag&drop position
body: <p>I use angular-js dragula for drag&amp;drop</p>
  
  <p>I need to save position, because user choose custom div position.
  This is how my html look</p>
  
  <pre><code>&lt;div class='wrapper'&gt;
    &lt;div class='container' dragula='"first-bag"'&gt;
      &lt;div&gt;You can move these elements between these two containers&lt;/div&gt;
      &lt;div&gt;Moving them anywhere else isn't quite possible&lt;/div&gt;
      &lt;div&gt;There's also the possibility of moving elements around in the same container, changing their position&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With <code>$scope.$on</code> I get <code>over</code> and <code>out</code> event, but I can't get <code>id</code> or something similar for get position, to store in cookie.</p>
  
  <pre><code>$scope.$on('first-bag.over', function (e, el) {
    el.addClass('over');
    console.log(e);
    console.log(el);
  })
  
  $scope.$on('first-bag.out', function (e, el) {
    el.removeClass('over');
    console.log(e);
    console.log(el);
  });
  </code></pre>
  
  <p>Here is plunker, open console to see what happens.
  Pls, if someone knows how to on every drag&amp;drop save div order, soo next time when user come back to get saved position. Thnx</p>
  
  <p><a href="https://plnkr.co/edit/AeGw9A3196DsYBHFv98b?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/AeGw9A3196DsYBHFv98b?p=preview</a></p>