title: JQuery: How to call RESIZE event only once it's FINISHED resizing?
body: <p><em>How do I call a function once the browser windows has FINISHED resizing?</em></p>
  
  <p>I'm trying to do it like so, but am having problems. I'm using the JQuery Resize event function:</p>
  
  <pre><code>$(window).resize(function() {
    ... // how to call only once the browser has FINISHED resizing?
  });
  </code></pre>
  
  <p>However, this function is called <em>continuously</em> if the user is manually resizing the browser window. Which means, it might call this function dozens of times in short interval of time.</p>
  
  <p>How can I call the resize function only <em>a single time</em> (once the browser window has finished resizing)?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Also without having to use a global variable.</p>