title: change image on hover with inline code
body: <p>I am trying to change image on hover. I have tried many ways but nothing is working. And i have to use something like this. Please if there is some problem with this code tell me. Thanks in Advance</p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>    &lt;a href = "https://my-website.com/results/testimonials-global-supply-chain-group/"&gt;
      &lt;img id = "home-button" alt = "" src = "https://my-website.com/wp-content/uploads/2017/11/businessman-2606509_1920_20171107090703313.jpg" 
       onmouseover="$(this).attr('src','https://my-website.com/wp-content/uploads/2017/10/testimonialpage.jpg');" 
       onmouseout="$(this).attr('src','https://my-website.com/wp-content/uploads/2017/10/businessman-2606509_1920_20171107090703313.jpg');"&gt;
      &lt;/a&gt;
  </code></pre>