title: jsPlumb endpoints not updated when div moves without being dragged
body: <p>I'm using <a href="http://jsplumbtoolkit.com/demo/home/dom.html" rel="noreferrer">jsPlumb</a>. I have <code>.project</code> containers which hold <code>.task</code> divs. These <code>.task</code> divs are sources/targets for jsPlumb connections. The <code>.project</code> containers are draggable.</p>
  
  <p><a href="http://jsfiddle.net/8Af7s/" rel="noreferrer">http://jsfiddle.net/8Af7s/</a></p>
  
  <p>The <code>.task</code> div is assigned the source/target property when it is created (<em>created using jQuery</em>):</p>
  
  <blockquote>
  <pre><code> // Makes the task div a possible target (i.e. connection can be dragged to)
   jsPlumb.makeTarget(newState, {
     anchor:["Continuous", { faces:["left", "right"] } ]
   });
  
   // Makes the task div a possible source (i.e. connection can be dragged from)
   jsPlumb.makeSource(newState, {
     anchor:["Continuous", { faces:["left", "right"] } ]
   });
  </code></pre>
  </blockquote>
  
  <p>Where the <code>.task</code> is the <code>newState</code></p>
  
  <blockquote>
  <pre><code> var newState = $('&lt;div&gt;').attr('id', id).addClass('task')
  </code></pre>
  </blockquote>
  
  <p>Now to delete a task I have a static button that just detaches all connections to that task and removes it:</p>
  
  <blockquote>
  <pre><code> $('#removetask1').click(function(e) {
       jsPlumb.detachAllConnections($('#task1'));
       $('#task1').remove();
       //jsPlumb.repaintEverything();
   })
  </code></pre>
  </blockquote>
  
  <p>The problem occurs when other <code>task</code>s shift upward if the deleted <code>task</code> div was at the top of the <code>project</code></p>
  
  <p>Also, adding the line (i.e. uncommenting):</p>
  
  <blockquote>
  <pre><code> jsPlumb.repaintEverything();
  </code></pre>
  </blockquote>
  
  <p>To the end of the remove function call fixes the problem, however the <strong>problem still persists</strong> when the <code>.project</code> div is dragged.</p>
  
  <hr>
  
  <p>Before <code>task1</code> is deleted:</p>
  
  <p><img src="https://i.stack.imgur.com/kVgTk.png" alt="enter image description here"></p>
  
  <p>After <code>task1</code> is deleted <code>task2</code> shifts upward and takes its place, but the connection still assumes <code>task2</code> is at the bottom:</p>
  
  <p><img src="https://i.stack.imgur.com/z7yXq.png" alt="enter image description here"></p>