title: jQuery addClass on button hover to it's container div only
body: <p>i want to add class to div on hover button on it. when i hover this button the div will have a new class. </p>
  
  <p>this HTML codes </p>
  
  <pre><code>&lt;div class='post'&gt;&lt;a class='more' href='more'&gt;More&lt;/a&gt;&lt;/div&gt;
  &lt;div class='post'&gt;&lt;a class='more' href='more'&gt;More&lt;/a&gt;&lt;/div&gt;
  &lt;div class='post'&gt;&lt;a class='more' href='more'&gt;More&lt;/a&gt;&lt;/div&gt;
  &lt;div class='post'&gt;&lt;a class='more' href='more'&gt;More&lt;/a&gt;&lt;/div&gt;
  &lt;div class='post'&gt;&lt;a class='more' href='more'&gt;More&lt;/a&gt;&lt;/div&gt;
  &lt;div class='post'&gt;&lt;a class='more' href='more'&gt;More&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>i use this jquery code to do it </p>
  
  <pre><code> $(document).ready(function(){
  
  $( ".more" ).hover(
    function() {
      $( ".post" ).addClass( "post-hover" );
    }, function() {
      $( ".post" ).removeClass( "post-hover" );
    }
  );
  
              });
  
  
  });
  </code></pre>
  
  <p>but when i hover <code>a.more</code> this jquery code add <code>post-hover</code> to all <code>.post</code> divs. i want to do this for only one div this i hover on it's a.more link.</p>