title: How to display data from a .txt file on hover over an image?
body: <p>The following code can display code on hovering over the image but only the text that's written in the span tag:</p>
  
  <pre><code>&lt;html&gt;
  &lt;style type="text/css"&gt; 
  
  div#photo_container{max-width:25em;height:auto;position:relative;margin:1.563em auto;}
  
  div#photo_container a{text-decoration:none;color:black;cursor:default;font-weight:normal; font-family: "Roboto", sans-serif; color: white}
  
  div#photo_container a span{visibility:hidden;position:absolute;left:15em;top:-2.3em;background:#333333;width:17em;border:1px solid #404040;font-size:0.8em;padding:0.3em;cursor:default;line-height:140%;border-radius: 6px;}
  
  div#photo_container a:hover span{visibility:visible;}
  
  &lt;/style&gt;
  
  
  &lt;div id="photo_container"&gt;
  &lt;a href="#"&gt;
      &lt;img src="https://vignette.wikia.nocookie.net/youtubepoop/images/f/f7/5Pikachu.png" width="250" height="250" alt="PIKACHU"&gt;
          &lt;span&gt;
              Pikachu is a short, chubby rodent Pokémon. It is covered in yellow fur with two horizontal brown stripes on its back. It has a small mouth, long, pointed ears with black tips, brown eyes, and two red circles on its cheeks. There are pouches inside its cheeks where it stores electricity. It has short forearms with five fingers on each paw, and its feet each have three toes. At the base of its lightning bolt-shaped tail is patch of brown fur at the base
          &lt;/span&gt;
  &lt;/a&gt;
  &lt;/div&gt; 
  &lt;/html&gt;
  </code></pre>
  
  <p>but I don't want to hard code the info in span tag and want to upload it from a text file called dummy.txt.</p>
  
  <p>I have a JQuery code to upload and display the info from the text too but I don't know how to merge these two. Please help me.</p>
  
  <p>Here's the JQuery code to upload a text file from local machine to html page:</p>
  
  <pre><code>&lt;script&gt;
          $(document).ready(function(){
              $("#&lt;id_name&gt;").load("dummy.txt");
          });
  &lt;/script&gt; 
  </code></pre>