title: Swaping images injquery on select dropdown action
body: <p>Actually I have a select dropdown. On the select of every option, I need to load an image(Say in a Div). How do I accomplish this is jquery.</p>
  
  <p>I tried something here:</p>
  
  <p><a href="http://jsfiddle.net/refhat/T65Lx/2/" rel="nofollow noreferrer">http://jsfiddle.net/refhat/T65Lx/2/</a> </p>
  
  <p>My other two images are here:</p>
  
  <p><a href="http://www.google.com/doodle4google/2010/images/doodle-holiday.gif" rel="nofollow noreferrer">http://www.google.com/doodle4google/2010/images/doodle-holiday.gif</a>
  <a href="http://www.google.com/doodle4google/2010/images/doodle-popeye.gif" rel="nofollow noreferrer">http://www.google.com/doodle4google/2010/images/doodle-popeye.gif</a></p>
  
  <p>UPDATE 1:</p>
  
  <p>My question is something like this.</p>
  
  <p><a href="https://stackoverflow.com/questions/941206/jquery-add-image-inside-of-div-tag">jQuery add image inside of div tag</a></p>
  
  <p><strong>UPDATE 2</strong></p>
  
  <p>@JellyBelly: No offence, In deed this is a good answer so far, But It has quite a few bugs, First after selecting some image in the dropdown and then if you go back to first select with value="", It shows some non existing image(Actually this doesn't exist.) (Screen Shot Atached<img src="https://i.stack.imgur.com/27cDj.jpg" alt="BUG 1">)
  2: If you were in the page and had selected say 2nd Image and then if you refresh, It doesn't reset the image, rather shows that Image for first option of select.the scripts crashes, It doesn't load anything. I think this is because we are just doing this on DOM ready. </p>
  
  <p>THANKS</p>