title: image src change on mouse over in jquery
body: <p>html-</p>
  
  <pre><code>&lt;img id="storyimg" src="images/stor.jpg" alt="img" /&gt;  
                  &lt;ul class="sb_menu"&gt;            
                      &lt;li&gt;&lt;a href="linkpage.htm" class="newslink1"&gt;Wireless Networking at Fortune Inn, Noida&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="linkpage.htm" class="newslink2"&gt;18th International Conference on Oral &amp; Maxillofacial Surgery&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="linkpage.htm" class="newslink3"&gt;WiFi deployment at Vellore Institute of Technology&lt;/a&gt;&lt;/li&gt;                        
                  &lt;/ul&gt;
  </code></pre>
  
  <p>I want when user moves over these <code>li</code> items I want to change the image like-</p>
  
  <pre><code>&lt;script&gt;
                  $('a.newslink1').bind('mouseover', function() {
                  $('img#storyimg').src("images/stor1.jpg");
  ...same for newslink2 and 3, image will be stor2 and 3
  </code></pre>
  
  <p><strong>but this is not working i think i have written wrong jquery?????????</strong></p>