Footer at the bottom of the page with jQuery
<p>I try to keep the footer at the bottom of the page even when the content of the page is not very high. When the user makes the page smaller and the foot meets the content, the scroll should appear and footer should hide below the content. </p>

<p>(I don't want the footer to be in fixed position, because when it meets the content, the footer would be at the top and hide the content)</p>

<p>There is a very good example of James Taylor suggested here by Philippe. I want the same effect but with jQuery. (I cannot apply this css solution because I need the content to be in absolute positioning) <a href="http://matthewjamestaylor.com/blog/bottom-footer-demo.htm" rel="nofollow">http://matthewjamestaylor.com/blog/bottom-footer-demo.htm</a></p>

<pre><code>$(function(){   
    var documentHeight = $(document).height();
    if(documentHeight &gt;= 420){
        $('#foot').css({position: 'absolute',bottom:'10px'});
    }

    else{
        $('#foot').css({position: 'absolute',top:'410px'});
    }   
})
</code></pre>
