title: jsplumb - Endpoints linger after duplicate connection deleted
body: <p>I'm using <code>jsPlumb</code> to create/delete connections between different <code>div</code> boxes. I found the following function to delete any duplicate connections.</p>
  
  <pre><code>jsPlumb.bind('connection', function(info) {
      var con = info.connection;
      var arr = jsPlumb.select({source:con.sourceId, target:con.targetId});
      if ( arr.length&gt;1 ) {
          jsPlumb.detach(con);
      }
  });
  </code></pre>
  
  <p>When this executes, it leaves the endpoint floating in the middle of the page. And it is no longer attached to the <code>div</code>.  </p>
  
  <p>I've also tried deleting all endpoints for when a duplicate is found, but that dot still just lingers.  </p>
  
  <p><a href="https://i.stack.imgur.com/0SI4d.png" rel="nofollow noreferrer">Endpoint Just Lingering</a></p>
  
  <p>How do I get rid of that dot when duplicates are removed? Any help would be most appreciated. Thanks!</p>