title: How to determine if an HTML element is VISUALLY to the left, right, top or bottom of another element?
body: <p>I'm trying to determine what would be the best way to know the "visual" position (not the DOM tree position) of an element in relation to another element.</p>
  
  <p>For example, I have an array of elements, and I have a slected element, and want to know which of those elements are visually positioned to the right of the selected element.</p>
  
  <p>Also note that the elements can be of any tag type, and may have any position (relative, absolute, fixed) and display (as long as it's visible).</p>
  
  <p>Any jQuery solutions are welcome.</p>