title: jQuery - onclick zoom function for multiple images
body: <p>I would like to ask you about the way to reuse the code below for multiple images: 
  <a href="http://jsfiddle.net/a8c9P/" rel="nofollow">http://jsfiddle.net/a8c9P/</a>  </p>
  
  <p>How to avoid redundancy in the CSS code?</p>
  
  <p>An updated example: <a href="http://jsfiddle.net/a8c9P/156" rel="nofollow">http://jsfiddle.net/a8c9P/156</a></p>
  
  <pre><code>$("#imgSmall").click(function() {     
      $("#imgBig").attr("src", "http://www.freeimageslive.com/galleries/sports/music/pics/musical_notes.jpg");
      $("#overlay").show();
      $("#overlayContent").show();
  });
  
  $("#imgBig").click(function(){
      $("#imgBig").attr("src", "");
      $("#overlay").hide();
      $("#overlayContent").hide();
  });
  </code></pre>