title: Draw an arrow between two divs
body: <p>I'm searching for a solution of the question that I expected to be solved already.
  But I saw only big projects with a lot of features but no simple solution.</p>
  
  <p>Actually I need to get something like that:</p>
  
  <p><img src="https://i.stack.imgur.com/jSo1P.png" alt="http://i.imgur.com/iktvmLK.png"></p>
  
  <p>So to get an arrow drawing over a div containing some squares (divs)</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;div class="white_field"&gt;&lt;/div&gt;
  &lt;div id="1" class="black_field"&gt;
  &lt;br style="clear:both;"&gt;    
  &lt;div id="2" class="black_field"&gt;
  &lt;div class="white_field"&gt;&lt;/div&gt;
  &lt;br style="clear:both;"&gt;    
  &lt;div id="3" class="black_field"&gt;
  &lt;div class="white_field"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I looked in the canvas direction but stumbled on tha canvas was not visible behind my divs ( maybe some z-index should help )
  But still strange that I couldn't find some ready-made solution of a problem that seems to me coming up often.
  ( to explain some thing on the site arrows are almost a must )</p>