title: Check which element is closest to the bottom of it's container. JS / jQuery
body: <p>If I have the following page:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class = "data" &gt;&lt;/div&gt;
      &lt;div class = "data" &gt;&lt;/div&gt;
      &lt;div class = "data" &gt;&lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>Is there a way, with JS, jQuery or maybe CSS3, to check which 'data' div is at the bottom? ie, closest to the bottom of 'container'. And then add a class to that div.</p>