title: Jquery - How to change img src on hover?
body: <p>Is it possible to change src of image on hover and then back to original ? For example "name of file is always same" what is changing is number. 1 is for original and 2 is for hover. Thank you very much for advice.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;ul class="nav navbar-nav"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Featured&lt;/a&gt;&lt;/li&gt;
      &lt;li class="dropdown"&gt;
          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Meet ATS&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu meet-ats-top"&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="/images/google1.png"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="/images/in1.png"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="/images/youtube1.png"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="/images/facebook1.png"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="/images/twitter1.png"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
       &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>