I'm having trouble getting the heights of my buttons to match with the code below. I've already imported jQuery, but for some reason it's not working as expected. Any suggestions on how to fix this issue? It's likely a simple mistake that I haven't noticed.
<div class="row-fluid " id="imageUploadBtns">
<div class="span2 offset2" id="imageUploadBtn">
Some Text
</div>
<div class="span2" id="imageUploadBtn">
...
</div>
<div class="span2" id="imageUploadBtn">
...
</div>
<div class="span2" id="imageUploadBtn">
...
</div>
</div>
<script>
boxes = $('#imageUploadBtn');
maxHeight = Math.max.apply(
Math, boxes.map(function() {
return $(this).height();
}).get());
boxes.height(maxHeight);
</script>