title: Jquery:Draw Svg Line Dynamically While Dragging
body: <p>I need to drag and drop cells from one table to another table where i am using it to develop foreign key mapping dynamically for the SQL table</p>
  
  <p>Where the table also can be dragged as well inside the window, the mapping and drawing line between two tables are working perfectly</p>
  
  <p>But when i bring the tables close to each other and when i move the tables further after the intersection of the tables the line is not drawing between the tables, i got where the issue is from but i cant figure out, how to draw the lines between the tables while intersection</p>
  
  <p>So the issue is something like lines drawing from left to right but not right to left it is taking as intersection</p>
  
  <pre><code>Example: http://jsfiddle.net/mohamedmusthafac/2ecsjomz/embedded/result/
  </code></pre>
  
  <p>Here is the minimal example fiddle </p>
  
  <pre><code>Example : http://jsfiddle.net/mohamedmusthafac/2ecsjomz/4/
  </code></pre>
  
  <p>If you drag left drag box across the right drag box then line will not draw</p>
  
  <p>This is just a demo, you can drag the primary key from table 1 and drop it in Table 2 works perfectly, But same as reverse will not draw the lines from table 2 to table 1 and also if you drag the table intersect with the table 2 the lines will not draw</p>
  
  <p><strong>For better understanding:</strong></p>
  
  <p>It is drawing perfectly
  <img src="https://i.stack.imgur.com/1VdGp.png" alt="enter image description here"></p>
  
  <p>But when we bring the table near to another table line is not drawing
  <img src="https://i.stack.imgur.com/ztpcZ.png" alt="enter image description here"></p>