title: change img src when hovering over other buttons jquery
body: <p>I am trying to adjust the side image of a site, each button should change the image to a different src, I tried this:</p>
  
  <pre><code>$(document).ready(function(){
  
     $("#introID").hover(function(){
          $("#frame").attr("src", "newImage.png");
     });
  });
  </code></pre>
  
  <p>and a few other variations but for some reason the jquery is not catching ? Or perhaps it is something with my syntax? From my inderstanding i just have to </p>
  
  <p>Here is my html:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;CAPP&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;
      $(document).ready(function(){
  
      $("#introID").hover(function(){
          $("#frame").attr("src", "assets/images/much-more-than-gasoline.png");
      });
  });
  
  
  &lt;/script&gt;
  &lt;body&gt;
  
  &lt;div id="logodiv"&gt;
  &lt;img id="logo" src="logo.png" alt="logo"/&gt;
  &lt;/div&gt;
  
  &lt;div id="h1s"&gt;
  &lt;img src = "Origionalimage.png" id="frame"/&gt;
  
      &lt;div class="h1padding"&gt;&lt;/div&gt;
      &lt;a class = "h1" href="" id="introID"&gt;Intro&lt;/a&gt;
  
      &lt;div class="h1padding"&gt;&lt;/div&gt;
      &lt;a class = "h1" href=""&gt;ON THE &lt;span class="light"&gt;SURFACE&lt;/span&gt;&lt;/a&gt;
  
      &lt;div class="h1padding"&gt;&lt;/div&gt;
      &lt;a class = "h1" href=""&gt;From &lt;span class="light"&gt;ore to oil&lt;/span&gt;&lt;/a&gt;
  
      &lt;div class="h1padding"&gt;&lt;/div&gt;
      &lt;a class = "h1" href=""&gt;Environmental &lt;span class="light"&gt;care&lt;/span&gt;&lt;/a&gt;
  
      &lt;div class="h1padding"&gt;&lt;/div&gt;
      &lt;a class = "h1" href=""&gt;Much more than &lt;span class="light"&gt;gasoline&lt;/span&gt;&lt;/a&gt;
  
      &lt;div class="h1padding"&gt;&lt;/div&gt;
      &lt;a class = "h1" href=""&gt;One more &lt;span class="light"&gt;thing&lt;/span&gt;&lt;/a&gt;
  
  &lt;/div&gt;
  
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Thanks in advance :)</p>