JS function doesn't work within jQuery
<p>I am having problems calling a function within jQuery, and can't figure out what is wrong...</p>

<pre><code>$(window).resize(function() {
    resizer();
});

var resizer = function() {
      var viewportWidth = $(window).width();
      var viewportHeight = $(window).height();

      if (viewportWidth &gt; 960 &amp;&amp; viewportHeight &gt; 650 ) {
           $('.x').remove();
      } else {
           $('.overview').append("&lt;p class=\"x\"&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;/p&gt;");
      }
 }

 $(document).ready(function() {
      resizer();
 // ... further code
 });
</code></pre>

<p>resizer(); never gets called in the jQuery section, and I need to call it multiple times. Is there a specific reason for that?
The code is fine, Chrome and Firefox don't throw any errors at me.</p>

<p>Cheers!</p>
