title: Can you tell if one element is touching another using JavaScript?
body: <p>I want to use JavaScript to check if one <code>div</code> element (that can be dragged) is touching another <code>div</code> element.</p>
  
  <p>Here is some code:</p>
  
  <pre><code>&lt;div id="draggable" style="position: absolute;  top: 100px; left: 200px; background-color: red;  width: 100px; height: 100px;"&gt;&lt;/div&gt;
  &lt;div style="background-color: green; width: 100px; height: 100px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Can this be done?</p>
  
  <p>If so, how?</p>
  
  <p><strong>Edit:</strong> I do not want to use jQuery, just plain old JavaScript!</p>