title: jQuery: Window resize function issues
body: <p>I have this piece of of code which is really working fine:</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(document).ready(function(){
  
     $(".fadeinbg").click(function(){
        $("#content").fadeIn();
     });
  
     var height = $(window).height();
     var width = $(window).width();
     $('#content').css({"min-height": height + "px"});
  
     $('#content').css({"width": (width - 200) + "px"});
  });
  </code></pre>
  
  <p>What I'm trying to achieve now is to update the jQuery after a browser window resize by adding this line at the bottom of my code: <code>$(window).resize()</code></p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(document).ready(function(){
  
     $(".fadeinbg").click(function(){
        $("#content").fadeIn();
     });
  
     var height = $(window).height();
     var width = $(window).width();
     $('#content').css({"min-height": height + "px"});
  
     $('#content').css({"width": (width - 200) + "px"});
  
     $(window).resize(function() {
     });
  });
  </code></pre>
  
  <p>... but somehow this doesn't work at all. Any ideas what I'm doing wrong?</p>