title: jQuery resize() Not Working in IE8
body: <p>I am stumped...  I'm building a responsive site that loads a large an graphic only on larger screens.  It works great in IE9/FF/Chrome, but it doesn't function in IE8.</p>
  
  <p>Am anyone see what is making IE8 not fire?  Here is my code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
     $(window).resize(function() {
      //small-screen
      if (window.innerWidth &lt; 768) {$('#smiling-model').html('');}
      //end small-screen
      else if (window.innerWidth &gt;= 768) {
          $('#smiling-model:empty').append('&lt;img id="#smiling-model-img" src="images/smiling-model-500x456px.jpg" alt="Great Smile" /&gt;');
              }
      }).resize(); // trigger resize event
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the link to the actual site:  <a href="http://www.orlickdental.com/" rel="nofollow">http://www.orlickdental.com/</a></p>
  
  <p>Thanks all!</p>
  
  <p>Omar</p>