title: How to dynamically change an image using javascript/jquery?
body: <p>So,i have this <a href="http://jsfiddle.net/ithril/UjGhE/1/" rel="nofollow">http://jsfiddle.net/ithril/UjGhE/1/</a>
  Please check it out.</p>
  
  <p>What i'm trying here is to change the main image img tag's src dynamically to the same src attribute of the image that is clicked. In short whichever image is clicked,it is displayed in the bigger window which has an id="main-photo".</p>