jQuery on list item hover, show delete button for that individual item
<p>Below is a preview of what I have:</p>

<hr>

<p><img src="http://i.stack.imgur.com/RiF2B.jpg" alt="enter image description here"></p>

<hr>

<p>On the right is when I hover.  What I want is for the delete icon to only show for that hover item.</p>

<pre><code>&lt;script&gt;
$(document).ready(function(){ 

    $(".removeService").hide();     

    // Deleting an Individual Service
    $("#dashboard ul li span").hover( function() {
        $(".removeService").show();
    });

});
&lt;/script&gt;
</code></pre>

<p>This is probably a very simple fix, but if anyone could point me in the right direction I would really appreciate it.</p>

<p>Thanks!</p>
