Finding an element of a class inside a previous <li>
<p>I have this code that should trigger mouseover and mouseout on a picture when I hover over it's comment, but it's not working as expected. </p>

<pre><code>$(document).ready(function(){
    $("li.description").mouseout(function(){
        $(this).prev().find(".design").trigger('mouseout');
    });

    $("li.description").mouseenter(function(){
        $(this).prev().find(".design").trigger('mouseover');
    });
});
</code></pre>

<p>This is part of the structure of the table:</p>

<pre><code>&lt;li&gt;
    &lt;img class="photography"  src="PHOTO/boat.jpg" alt="Boat on sea." /&gt;
&lt;/li&gt;
&lt;li&gt;
    &lt;div id="description" class="description"&gt;
        &lt;p&gt;BOAT&lt;/p&gt;
        &lt;p&gt;ITALY&lt;/p&gt;
    &lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p>I have a bunch of images and descriptions in my table.</p>

<p>Can someone help me?</p>
