title: trigger mouse over event using jquery for css hover
body: <p>Am trying to trigger the mouse over event for this below links event on document . ready
  but its not triggering the event.</p>
  
  <p><a href="http://codepen.io/zacharyolson/details/vzeyc#forks" rel="nofollow">http://codepen.io/zacharyolson/details/vzeyc#forks</a></p>
  
  <p>Trying to do</p>
  
  <pre><code>$(document).ready(function () {
      $('.macbook').trigger('mouseover');
  
  });
  </code></pre>
  
  <p>is there any way to trigger the over event. on document ready</p>