title: Loading a .txt instead of an image file into jquery
body: <p>How I can load a <strong>.txt</strong> file instead of an image.
  I'm using a rotate on scroll. So each time you scroll a new image flips up. I'd like to change this image to just plain text.</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#tourniquetpers{
  position: fixed;    
  width: 25%;
  top:0px;
  left:75%;
  bottom:0px;
  -webkit-perspective: 600px; /* Chrome, Safari, Opera */
  perspective: 600px;
  z-index: 999998;
  display: block;
  
  }
  
  #tourniquet{
  position: fixed;    
  width: 100%;
  top:0px;
  left:0px;
  bottom: 0px;
  background-color: black;
  z-index: 999999;
  background: red;
  background-image:url();
  background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center;  
  background-size: 50%;
  overflow: hidden;
  </code></pre>
  
  <p><strong>jQuery :</strong></p>
  
  <pre><code>var ScrollTop = $(window).scrollTop()
      /*img01*/
      if ( ScrollTop &gt; 0 &amp;&amp; ScrollTop &lt;  (bodyHeight/2)){
  
      /*console.log('image02')*/
      $("#tourniquetpers").css('display','block')
      /*$("#tourniquet").find('img').attr('src', "pages/04.png");*/
      $('#tourniquet').css("background-image", "url(athena_01.png)");  
  
      };
  
      /*img02*/
      if ( ScrollTop &gt; (bodyHeight/2) &amp;&amp; ScrollTop &lt; (bodyHeight + (bodyHeight/2) )) {
  
      /*console.log('image02')*/
      $("#tourniquetpers").css('display','block')
  
      /*$("#tourniquet").find('img').attr('src', "pages/02.jpg");*/
      $('#tourniquet').css("background-image", "url(athena_02.png)");  
  
      };
  </code></pre>
  
  <p>I tried to change it to load a <strong><code>.txt</code></strong> file but the <code>div</code> stays empty.
  Thanks in advance</p>