title: How can I use $(this) in JQuery to animate these images?
body: <p>I have three thumbnails. When the user moves their mouse over them, i wan't to fade them from partial opacity to full opacity, and back again when their mouse isn't over them any longer.
  I have this code which works fine, but it seems redundant to retype all this code for each image. How can I be more efficient in doing this? It seems like a use of $(this) would work but it isn't so far. What am I missing?</p>
  
  <pre><code>function imgFade()
  {
  $('#cluster').fadeTo(0,.3);
  $('#launch').fadeTo(0,.3);
  $('#gas').fadeTo(0,.3);
  
  }
                $(document).ready(function () {
                       $("#cluster").mouseover(function () {
                             $("#cluster").fadeTo("slow", 1, function () {
                             });
                       });
                       $("#cluster").mouseout(function () {
                             $("#cluster").fadeTo("slow", .3, function () {
                             });
                       });
                });
  ;
  </code></pre>