Bootstrap Equalizer to reset the size of elements responsivly

Bootstrap-Equalizer.js

/**
 * Equalizer Plugin
 * Author: Daniel Coull <[email protected]>
 * Setup For bootstrap and simple, just pass an id or class to init.
 * Works great with catalog names, responsive.
 */
var equalizer = {
    window: jQuery(window),
    element: null,
    bp: {
        xs: 320,
        sm: 768,
        md: 992,
        lg: 1200
    },
    init: function (element) {
        //set the initial element
        equalizer.setElement(element);
        //set the height on load
        equalizer.setHeight();
        //attach resize event
        equalizer.window.on('resize',function(){
            equalizer.resize()
        });
    },
    getHeights: function () {
        return equalizer.element.map(function () {
            return jQuery(this).height();
        }).get();
    },
    setHeight: function () {

        //clear current set inline height
        equalizer.element.css("height", "");
        //get the max height
        maxHeight = Math.max.apply(Math, equalizer.getHeights());
        //set the new height
        equalizer.element.height(maxHeight + "px");
    },
    setElement: function (element) {
        //declare the jquery element from class or id
        equalizer.element = jQuery(element);
    },
    resize: function () {
        width = equalizer.window.width();
        console.log(width);
        //debounce so we dont run to often
        setTimeout(function() {
            //TODO: intergrate breakpoints
            equalizer.setHeight();
        },2000);
    }
};