title: jQuery animate shake on hover
body: <p>I am attempting to make an element shake upon hover without using jQuery UI and have come across the following code, however I cant seem to figure out how to trigger on hover, this code has a Random effect and it confuses me every time I try to diffuse it. I'm trying to get them to animate one at a time not altogether</p>
  
  <p><a href="http://jsfiddle.net/g6AeL/" rel="nofollow">http://jsfiddle.net/g6AeL/</a> </p>
  
  <pre><code>   $(function() {
        var interval = 10;
        var duration= 1000;
        var shake= 3;
        var vibrateIndex = 0;
        var selector = $('aside.featured a'); /* Your own container ID*/
          $(selector).click( /* The button ID */
  
          function(){ 
  
          vibrateIndex = setInterval(vibrate, interval);
          setTimeout(stopVibration, duration);
  
          });
  
          var vibrate = function(){
          $(selector).stop(true,false)
          .css({position: 'relative', 
          left: Math.round(Math.random() * shake) - ((shake + 1) / 2) +'px', 
          top: Math.round(Math.random() * shake) - ((shake + 1) / 2) +'px'
          });
          }
  
          var stopVibration = function() {
          clearInterval(vibrateIndex);
          $(selector).stop(true,false)
                  .css({position: 'static', left: '0px', top: '0px'});
              };
  
          });
  </code></pre>