jQuery: hover div set link to visible
<p>I have a  that contains a link with class 'remove-project' that I want to default to hidden and set to visible when the div is hovered. So far I have this (which doesn't work)</p>

<pre><code>$('.project-container').hover(function() {
    $(.remove-project).show();
},
function() {
    $(.remove-project).hide();
});


&lt;?php
    foreach($user['Project'] as $project)
    {
        echo '&lt;div class=project-container&gt;';
        echo $html-&gt;link($project['title'], array('controller' =&gt; 'projects', 'action' =&gt; 'view', $project['slug'])).' &lt;small&gt;Posted '.$time-&gt;niceShort($project['created']).'&amp;nbsp;&lt;/small&gt;&lt;a href=
        class=remove-project&gt;Delete&lt;/a&gt;';
        echo '&lt;br /&gt;';
        echo strip_tags($text-&gt;truncate(
                $project['description'], 
                400,
                array(
                    'ending' =&gt; '...', 
                    'exact' =&gt; false,
                                            'html' =&gt; false
                )));

        echo '&lt;br /&gt;&lt;br /&gt;';
        echo '&lt;b&gt;Tags&lt;/b&gt;: '.$project['tags'];
        echo '&lt;/div&gt;';
        echo '&lt;br /&gt;&lt;br /&gt;';

    }
?&gt;
</code></pre>

<p>I think I'm going wrong with </p>

<pre><code>$(.remove-project).show();
</code></pre>

<p>Can someon help me out?</p>
