title: jQuery on list item hover, show delete button for that individual item
body: <p>Below is a preview of what I have:</p>
  
  <hr>
  
  <p><img src="https://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>