title: jQuery royalSlider function not firing in IE8 or IE7
body: <p>Here's the page I'm having trouble with:
  <a href="http://www.jonathanadler.com/presstest3.php" rel="nofollow">http://www.jonathanadler.com/presstest3.php</a></p>
  
  <p><a href="http://dimsemenov.com/plugins/royal-slider/" rel="nofollow">RoyalSlider</a> is working fine in all browsers except IE8 and IE7 (and the plugin is supposed to support those browsers). <strong>embedTumblr</strong> is working fine, as is <strong>removeClass</strong>, but the <strong>royalSlider</strong> function isn't firing.</p>
  
  <p>Here's my script on the page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('#posts_container').embedTumblr('http://api.tumblr.com/v2/blog/japress.tumblr.com/posts?api_key=k9xgGA3H3LY3WFHgXMosOExTgQFSnhdGZCdrCdGJSgGSnLbg34');
      });
      $(window).load(function() {
          $('#posts_container').removeClass('hide');
          $('.royalSlider').royalSlider({
              arrowsNav: false,
              autoScaleSlider: false,
              imageAlignCenter: false,
              addActiveClass: true,
              controlNavigation: 'none',
              fadeinLoadedSlide: false,
              globalCaption: true,
              globalCaptionInside: true,
              imageScaleMode: 'fit',
              keyboardNavEnabled: true,
              visibleNearby: {
                  enabled: true,
                  centerArea: 0.4,
                  center: true,
                  breakpoint: 0,
                  navigateByCenterClick: true
              }
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm relatively new to javascript/jquery so I'm guessing it's probably a syntax issue or something similar. Any help you could give would be greatly appreciated!</p>