title: Velocity.js not working in IE8
body: <p>I'm trying to include a JavaScript fallback for Microsoft Internet Explorer 8 for a CSS3 based animation using Velocity.js and Modernizr. This is the site I'm working on (it's a case study on crossbrowser compatibility).</p>
  
  <p><a href="http://bit.ly/1G03UMo" rel="nofollow">http://bit.ly/1G03UMo</a></p>
  
  <p>This is how I've done it.</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/modernizr.custom.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      Modernizr.load([{
          test: Modernizr.csstransforms &amp;&amp; Modernizr.csstransforms3d &amp;&amp; Modernizr.cssanimations,
          nope: ['http://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.2/velocity.min.js', 'js/animatie.js']
      }]);
  &lt;/script&gt;
  </code></pre>
  
  <p>The Modernizr tests (csstransforms, csstransforms3d and cssanimations) all return a logical answer - 'no-xxx' in IE. The files mentioned in the nope array all load in that case.</p>
  
  <p>The contents of the animatie.js file are as follows.</p>
  
  <pre><code>$(document).ready(function(){
      $('div#tandwiel').velocity({
          rotateZ: '360deg'
      },
      {
          duration: 10000,
          easing: 'linear',
          loop: true
      });
  });
  </code></pre>
  
  <p>I am pretty sure the jQuery code is right, since outputting to the console yields predictable results. I am also pretty sure Velocity.js is loaded, since animating a dull property like opacity actually does work in every browser.</p>
  
  <p>In the Velocity.js documentation I found that it doesn't actually need jQuery to perform its magic, but it should be included for it to work in IE8.</p>
  
  <p>Things I sort of ruled out.</p>
  
  <ul>
  <li>It hardly can't be a syntax error. Checked thrice.</li>
  <li>It doesn't have anything to do with load order. jQuery seems to be loaded when the animatie.js file is loaded. The yepnope library also honors the order of the files mentioned.</li>
  <li>It can't be Velocity.js, since the author is way smarter than I am and there aren't many complaints it doesn't work in IE8.</li>
  </ul>
  
  <p>(I know, a spinning gear isn't going to make or break the user experience, but I would like to know what is going on here).</p>
  
  <p>Any help is greatly appreciated.</p>