title: css animation on scroll up and down
body: <p>I am trying to get my images to trigger a bounceInLeft after loading which works fine but I want to use jQuery to trigger a shake effect on scroll. I am following this tutorial on youtube <a href="http://youtu.be/CBQGl6zokMs" rel="nofollow">http://youtu.be/CBQGl6zokMs</a> It doesn't seem to be working correctly, if you can help please do so.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
   &lt;head&gt;
    &lt;title&gt;Divs Galore&lt;/title&gt;
    &lt;link rel="stylesheet" href="animate.css"&gt;
    &lt;link rel="stylesheet" href="stylesheet.css"&gt;
    
   &lt;/head&gt;
   &lt;body&gt;
  
    &lt;div&gt;
        &lt;img src="jennah.jpg"&gt;
    &lt;/div&gt;
    &lt;div&gt;
        &lt;img src="jennah.jpg"&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;img src="jennah.jpg"&gt;
    &lt;/div&gt;
    &lt;div&gt;
        &lt;img src="jennah.jpg"&gt;
    &lt;/div&gt;
    &lt;div&gt;
        &lt;img src="jennah.jpg"&gt;
    &lt;/div&gt;
     &lt;input type="img"&gt;
  
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
    $(function() {
     $('img').on('scroll',function() {
      $.addClass('animated shake');
    });
  
    })
     
     
    &lt;/script&gt;
  
    
   &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>