title: Avoid overlaying of connections and elements in jsPlumb
body: <p>I'm using <a href="http://jsplumbtoolkit.com/demo/home/jquery.html" rel="nofollow noreferrer">jsPlumb</a> to create connection between elements in the page and I'm having troubles because the created connections overlay some elements on the site.</p>
  
  <p>My connections are created dynamically so I can not predict the way they should look. I just want to avoid overlapping when necessary.</p>
  
  <p>I've changed the <code>z-index</code> property of the overlayed elements and the connection is showed behind them. </p>
  
  <p><img src="https://i.stack.imgur.com/pUsYE.png" alt="enter image description here"></p>
  
  <p>However, what I'm looking for is to create the connection in a way that it doesn't goes through those elements in my site. </p>
  
  <p>I'm looking for something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/722SM.png" alt="enter image description here"></p>
  
  <p>Is that possible with jsPlumb? 
  Thanks.</p>