Make full height colum on css foundation zurb

index

<div class="row">
  <div class="large-8 column">
    <div class="main">My Main</div>
  </div>
  <div class="large-4 column full-height">
    <aside class="sidebar">
      My Sidebar
    </aside>
  </div>
</div>

script

$(".full-height").height($(".main").parent().height()); 

style

.full-height { display: table;  }

.sidebar { 
  display: table-cell; 
  background: #eeeeee;  
}

if (Modernizr.mq('only screen and (min-width: 768px)')) {
$(".full-height").height($(".full-height").parent().height());
}

To adjust after resizing I like this small plugin:
http://forum.jquery.com/topic/the-resizeend-event

I think this worked like a charm. We are cross device and cross browser checking in the morning, but if this worked like I think it did I owe you a hug.