title: Mouseover and Mouseout function jQuery
body: <p>I have this script:</p>
  
  <pre><code>$("#teaser ul.buttons li").mouseover(function()
      {
          $("a",this).animate({ left: '0' },350);
      }).mouseout(function()
      {
  
          $("a",this).animate({ left: '-11px' },350);
      });
  </code></pre>
  
  <p>But when i now hover over the a element. The mouseover and mouseout going continu. How can i change this script. That when i hover of the a element. That the mouseout launch when i hover off the element.</p>