title: change img src not working for some reason
body: <p>If somebody can tell me why this code fails to change the src of that image on a click of a link. It is very simple and easy for someone who knows javascript. I made a jsfiddle: <a href="http://jsfiddle.net/WWvfP/1/" rel="nofollow">http://jsfiddle.net/WWvfP/1/</a></p>
  
  <pre><code>&lt;ul id="nav"&gt;
              &lt;li&gt;&lt;a href="#" id="home_mic"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" id="services_mic"&gt;Services&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" id="prices_mic"&gt;Prices&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" id="contact_mic"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="imageWrap"&gt;
  
  &lt;img src="http://placehold.it/80x80" id="mainImage" style=""/&gt;
  
  &lt;/div&gt;
  
  &lt;script language="javascript"&gt;
    $("#home_mic").click(function(event){
    $("#mainImage").attr("src","http://placehold.it/80x40");
  });&lt;/script&gt;
  </code></pre>