change height of div to browser window height so long a the browser height is greater than x
<p>Hi I'm hoping someone will be able to explain what i am doing wrong here:</p>

<pre><code> var winHeight = $(window).height(),
 minHeight = 900,
 Height = 900;

 $(document).ready(function () {

 if (winHeight &lt; MinHeight) {
     Height = minHeight;
 } else {
     Height = winHeight;
 }
 $('div.page').css('height', winHeight + 'px');
});


 $(window).resize(function () {
 if (winHeight &lt; MinHeight) {
     Height = minHeight;
 } else {
     Height = winHeight;
 }
 $('div.page').css('height', winHeight + 'px');

});
</code></pre>

<p>On my page I have multiple divs with the class "page".
I'm trying make the height of these the size of the browser window, unless the browser window is less than 900, then I want them to be 900px tall.</p>

<p>I'm guessing its a syntax issue. Especially since I'm brand new to jquery and javascript ( I only started using it today).</p>
