push the footer to the bottom of the browser

bottom-footer

$(window).load(function(){
    var $footer = $('footer'),
        footerOffset = $footer.offset().top,
        footerHeight = $footer.outerHeight(),
        windowHeight = $(window).height(),
        footerPlacement = footerOffset + footerHeight;

   if (footerPlacement < windowHeight){
        var offsetBy = windowHeight - footerPlacement;
        $('footer').css({
            position: 'relative',
            top: offsetBy + 'px'
        });
    }
});