title: How to check if an element is overlapping other elements?
body: <p>I have two div elements. Each of them have 450px width and height. How do I check if the first div is overlapping the second div?</p>
  
  <p>I've tried to use javascript hittest, but it's a little bit complicated. Since I'm trying to find out how it actually work, I would like to get started with a simpler code.</p>
  
  <p>I found out that I can use <strong>.getClientRects</strong> to get the boundary of an element, but I'm not exactly sure how to compare boundaries.</p>
  
  <p>Please advise me!</p>