Vertically aligns footer. Made using bootstrap, but would apply anywhere with minor tweaks.

document-ready.js

$(document).ready(function() {
	valignFooter()
});

valign-footer.js

/*
    Vertical Footer Align  -  V1.0
  
    Changes the min-height of the id="outer" div.   
    This pushes the class="footer" div down. 
    Min-height allows the content to fill if its less than the container.
    
    An alternative might set the footer's margin-top, but this would push it
    From the end of the last content, making it trickier for variable length pages.
    (pages that are both less than, or greater than the window height)
    
*/

function valignFooter() {
	var off = 63;                                       //  Offset
	var wh = $(window).height();                        //  Window Height
	var fh = $('.footer').outerHeight(true);            //  Footer Outer Height
	var bp = parseInt($('body').css("padding-top"));		//  Body Padding (useful with Bootstrap)
	var cmh = wh-fh-bp-off;
	console.log("Window Height: "+wh+" Footer Height: "+fh+" Body Padding: "+bp+" Offset: "+off+" Container Min-Height: "+cmh);
	$('#outer').css('min-height', cmh + 'px');
}

window-resize.js

$(window).resize(function() {
  valignFooter();
});