javascript - ブラウザのビューポートに基づくコンテンツの高さ

Question

ブラウザのビューポートよりも小さい場合、JQuery を使用してメイン コンテンツのコンテナに高さを与える Javascript があります。これは、フッターが常にページの下部に表示されるようにするためです。私はそれを次のように呼んでいますが、うまくいきます：

$(document).ready(function() {
    var windowHeight = $(window).height();
    var contentHeight = windowHeight - 325;
    if($("#content").height() <= contentHeight) {
        alert(contentHeight);
        $("#content").height(contentHeight+"px");
    }
});

しかし、ページのサイズ変更イベントで使用できるように関数として宣言したいのですが、それを行うと機能しません。これが私が使用しようとしているコードです:

function pageSizer() {
    var windowHeight = $(window).height();
    var contentHeight = windowHeight - 325;
    if($("#content").height() <= contentHeight) {
        alert(contentHeight);
        $("#content").height(contentHeight+"px");
    }
}

$(document).ready(pageSizer());
$(window).resize(pageSizer());

何か案は？