jQuery responsive sticky footer

sticky-footer

//Assumes the footer markup in html5 <footer></footer> tag
//bind function to window calculations
$(window).bind("load", function () {
	//find our footer element, can be div with an ID as well
    	var footer = $("footer");
    	//find current position of the footer
    	var pos = footer.position();
    	//grab the window height for calculation
    	var height = $(window).height();
    	//previous calculation minus the distance to the top of the page
    	height = height - pos.top;
    	//previous calculation minus the height of our footer element 
    	height = height - footer.height();
    	//previous calculation minus 60px (this was extra margin in my design)
    	height = height - 60;
    	//if the height of above calculations is greater than 0px
   	if (height > 0) {
   		//find our footer variable and add inline css style to it
        	footer.css({
        		//the inline style and value to add (the total of our "height" calculations)
            		'margin-top': height + 'px' 
        	});
    	}
});