title: jQuery effect for multiple items with same id
body: <p>I want to apply a hover fade to multiple elements whose ID is #front-overlay.  This code currently works only for the first element with that ID.  Thanks for your help.</p>
  
  <p><code>
  $("#front-overlay").mouseenter(function() {<br>
    $(this).fadeTo("fast", 0.8);<br>
    $(this).css("color","#fff");<br>
  });<br>
  $("#front-overlay").mouseleave(function() {<br>
    $(this).fadeTo("fast", 0.3);<br>
  </code></p>