title: Jquery addclass on hover
body: <p>I have this structure</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;a&gt; &lt;img /&gt; &lt;/a&gt;
    &lt;div id="actions"&gt;&lt;/div&gt;
   &lt;ul id="add-to"&gt; &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I'm using a script like this</p>
  
  <pre><code>&lt;script&gt;
  jQuery(function() {
      jQuery("#actions, #add-to").hover(function(){
          jQuery(this).prev('a').addClass('opacity');
      }, function() {
          jQuery(this).prev('a').removeClass('opacity');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>it does work when hover on the actions element id, but not with the #add-to.</p>
  
  <p>Can you help me with this?
  thanks</p>