title: JsPlumb endpoints overlay
body: <p>Suppose I have an element with 4 endpoints, each endpoint has one connection. I need show all connections in endpoint label and remove any by clicking on it's name. Do jsPlumb have this ability from the box? Or how can I do this?
  <img src="https://i.stack.imgur.com/9fyXg.png" alt="enter image description here"></p>
  
  <pre><code>sourceEndpoint = jsPlumb.addEndpoint($(requirementSelector), {overlays: removeLabel, maxConnections: -1, endpoint: ["Dot", { radius: 4}], anchors: ["RightMiddle", "LeftMiddle"]});
      targetEndpoint = jsPlumb.addEndpoint($(solutionSelector), {overlays: removeLabel,maxConnections: -1, endpoint: ["Dot", { radius: 4}], anchors: ["RightMiddle", "LeftMiddle"]});
  
      jsPlumb.connect({
          source: sourceEndpoint, 
          target: targetEndpoint 
      });
  
      targetEndpoint.bind("click", function(endpoint) {
        var elementEndpoints = jsPlumb.selectEndpoints({element: endpoint.elementId});
  
        var ids="&lt;div style='border: 2px solid black; padding: 5px; background-color: #ffffff'; z-index:10;&gt;";
  
        elementEndpoints.each(function(ep){
          ids += "&lt;p ng-click='clicked()'&gt;Remove - " + ep.id + "&lt;/p&gt;"
        });
  
        ids += "&lt;/div&gt;";
  
        endpoint.setLabel(ids);
        endpoint.showOverlay();
      });
  </code></pre>