title: CSS/JQuery Hover Affect Only Hovered Element and Not Parent
body: <p>I have a list of nested items, each which has it's own edit link.</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;Coffee&lt;/li&gt;
  &lt;li&gt;
      Fruits &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;
      &lt;ul&gt;
          &lt;li&gt;Banana &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;Orange &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;
              Apple &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;Fuji &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;Red Delicious &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;Golden &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;
      Drinks &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;
      &lt;ul&gt;
          &lt;li&gt;Coke &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;Pepsi &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;Something &lt;a href="#" class="editLink"&gt;Edit&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I only want the edit link to display when one hovers over list element.
  Currently when I hover on a child element, the parent is affected as well.</p>
  
  <pre><code>$('li').hover(
      function(){
          $(this).find('.editLink').show();
      },
      function(){
          $(this).find('.editLink').hide();   
      }
  );
  </code></pre>
  
  <p>I have the following CSS to make the edit link hidden initially</p>
  
  <pre><code>.editLink{
      display:none;
  }
  </code></pre>
  
  <p>How do I make it so that only the hovered element has the edit link show and not the others?
  Seems like the hide part is fine but the show part affects all the nested parents.
  Here is the sample in action: <a href="http://jsfiddle.net/D7yWm/" rel="nofollow">http://jsfiddle.net/D7yWm/</a></p>