title: jQuery animate only one item (div) on hover (img)
body: <p>The situation is to make jQuery animating only one element when another one is hovered. Now I get all the items animating when hover action begins.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;table width="630" border="0" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;td style="position:relative;" width="390" height="246"&gt;
              &lt;div class="album-back"&gt;&lt;/div&gt;
              &lt;img id="album_action" src="../upload/img/album1.jpg" width="285" height="246" /&gt;
          &lt;/td&gt;
          &lt;td width="240"&gt;
              Description
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="position:relative;" width="390" height="246"&gt;
              &lt;div class="album-back"&gt;&lt;/div&gt;
              &lt;img id="album_action" src="../upload/img/album2.jpg" width="285" height="246" /&gt;
          &lt;/td&gt;
          &lt;td width="240"&gt;
              Description
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function(){
      $("#album_action").hover(function(){
          $('.album-back').stop().animate({'margin-left': '150px'}, 400);
      }, function(){
          $('.album-back').stop().animate({'margin-left': '100px'}, 250);
      });
  });
  </code></pre>
  
  <p>When I hover img with id "#album_action", i get an ".album-back" div moving. But animation starts for all ".album-back" div elemens on page. How can I get animating only one element without entering different classes and ids? Maybe there's some way to set class for  and to set actions inside only current active (hovered) ?  Thanks a lot!</p>