title: jsPlumb: dragging new connection should remove existing one
body: <p>Using jsPlumb, I managed to have the following setup:</p>
  
  <ul>
  <li>There are multiple nodes acting like nodes in a special type of flowchart.</li>
  <li>Each node has one single target where connections can be dropped onto.</li>
  <li>Every node has zero, one or more exits. Each exit acts as jsPlumb source, and is allowed to have one connection at most.</li>
  </ul>
  
  <p>Little example first: <a href="http://fiddle.darkspot.ch/ivr/flowchart/ivrplumb.html" rel="nofollow">http://fiddle.darkspot.ch/ivr/flowchart/ivrplumb.html</a>
  (after an hour of trying, I unfortunately didn't get it to run on jsFiddle - so I host it myself)</p>
  
  <p>What I want to achieve is:
  If the user drags a new connection from an exit to another node, it should be established as intended. But all the other connections being on this exit should be removed.</p>
  
  <p>I tried different approaches:</p>
  
  <ul>
  <li>Having a <a href="http://jsplumbtoolkit.com/doc/events#evt-connection" rel="nofollow"><code>click</code> listener</a> (links to jsPlumb documentation) on each exit bubble. Doesn't work -> the event never gets fired no matter what I tried.</li>
  <li>Having an instance <a href="http://jsplumbtoolkit.com/doc/events#endpointEvents" rel="nofollow"><code>connection</code> listener</a> . I thought I could get the existing connections from the endpoint in the <code>info</code> object I'm receiving. Open the console while looking at the example, and you see it's always <code>1</code>, no matter how many connections there are.</li>
  <li>Limiting <code>maxConnections</code> for the <code>makeSource(...)</code> call to <code>1</code>. This would actually work, but the user cannot drag another connection to replace the first.</li>
  </ul>
  
  <p>Steps to reproduce:</p>
  
  <ol>
  <li>Move your mouse to one of the orange squares, click and drag a connection another node. (connection should establish)</li>
  <li>Open your browser's javascript console</li>
  <li>Move your mouse to the same square and click/drag another connection to the same or another target node. (second connection should establish. watch the console printing <code>Number of connections:1</code>. This should be <code>2</code> here)</li>
  </ol>
  
  <p>What am I doing wrong?</p>