Anchor footer to bottom of page

anchor.js

(function() {

    var win, page, footer;

    // Push the footer to the bottom of the page.
    function anchorFooter() {

        var winHeight  = win.outerHeight(),
            pageBottom = page.outerHeight(true) + page.position().top,
            gap        = (winHeight - pageBottom) - footer.outerHeight(true);

        if (winHeight > pageBottom && gap > 1) {
            footer.css("top", gap);
        }else if (gap < 1) {
            footer.css("top", "auto");
        }

    }

    $(function() {

        // Cache DOM Elements
        win    = $(window),
        page   = $("#page"),
        footer = $("#footer");

        // Anchor the footer on load/resize, trigger a resize to start.
        win.on("load resize", anchorFooter).resize();

    });

}());