title: Jquery Chrome changing image source makes image disappear until returned to original src
body: <p>So I wrote some Jquery code to change the source attribute of an image on mouse hover. This code runs in other browsers I have tested in, expect for Chrome. The situation I run into with Chrome is the image will change in the HTML however, the image never appears.</p>
  
  <p>UPDATE -- It has something to do with the hover image. I changed the hoverSrc to another images link and everything works fine. So either something is wrong with the link, or something is wrong with Chrome and loading a new .svg file.</p>
  
  <p>Another UPDATE -- Something is wrong with the image. Displaying it using an img tag in Chrome displays nothing. However, viewing it directly with a link in chrome works fine.</p>
  
  <p>Another UPDATE -- I am convinced that the issue is with Chrome and this specific svg file. I cannot simply display just the image I want using Chrome. So how would I detect that something is wrong with my SVG file that Chrome cannot load it.</p>
  
  <p>Food for thought: </p>
  
  <ol>
  <li>The src does change, however Chrome never goes out and loads the image, therefore never displays it.</li>
  <li>I am using a relative url, potentially switching to a full url will force downloading the new image. -- Tested and didn't change anything.</li>
  <li>Jquery does something different regarding Chrome and changing image sources, so I need to code a situational Chrome code to execute.</li>
  <li>I placed an image besides the current image with display:none, so that the image will load into the cache. -- Tested and didn't change anything.</li>
  </ol>
  
  <p>Code Block:</p>
  
  <pre><code>//StateWhite
      var originalSrc;
      var hoverSrc = "Content/Images/Maps/Complete Map With Color.svg";
      $('#StateWhite').hover(function () {
          //Hover is active. //Change img src
          originalSrc = $(this).attr("src");
          $('#StateWhite').attr("src", hoverSrc);
      }, function () {
          $('#StateWhite').attr("src", originalSrc);
          });
  </code></pre>