title: jquery how to only allow effect on assigned div, not children
body: <p>I have applied an mouseenter effect to a div. When you enter the div, it then animates another div. The problem is, the mouseenter effect applies to the children div as well. How do I apply the effect to just the parent div, but animate the children div?</p>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function() {
    $('#slideleft').mouseenter(function() {
      var $lefty = $(this).children();
        $lefty.stop().animate({ 
          left: "0px",
    top: "0px"
               }, 400 );
    });
    $('#slideleft').mouseleave(function() {
      var $lefty = $(this).children();
        $lefty.stop().animate({ 
          left: "-700px",
    top: "200px"
               }, 400 );
    });
  
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="slideleft" class="slide"&gt; 
  
    &lt;div class="inner"&gt;Animate this element's left style property&lt;/div&gt; 
  &lt;/div&gt; 
  
  
  
      &lt;/div&gt;
  </code></pre>