Help normalise the heights of items laid out in responsive rows - relies on presence of an inner div that will keep natural height of objects inside. Useful for keeping prices aligned under product images.

normheights.js

$(window).on('debouncedresize load', function(){
    $('[data-normheights]').each(function(){
        var $items = $(this).find($(this).data('normheights')),
            childFilter = $(this).data('normheights-inner'),
            tallest = 0,
            lastYOffset = 0,
            row = [];
        $items.each(function(index){
            var $img = $(this).find(childFilter);
            var yOffset = $(this).offset().top;
            if(index == 0) {
                lastYOffset = yOffset;
            } else if(yOffset != lastYOffset) {
                $(row).css('min-height', tallest);
                yOffset = $(this).offset().top;
                row.length = 0;
                tallest = 0;
            }
            lastYOffset = yOffset;
            row.push(this);
            var h = $img.height();
            if(h > tallest) tallest = h;
        });
        $(row).css('min-height', tallest);
    });
});