title: Failed To Load Resource Error
body: <p>I am having trouble viewing 3 different background-image .jpg files through one thumbnailFilePath in javascript. The HTML and CSS coding does recognize all of the files correctly, but the background images will not load into a browser. Therefore, you can not view these images. On the other hand, the browser does recognize to see the javascript videocaption text and the play_icon.png image files correctly. </p>
  
  <pre><code>// JavaScript Document
  $(document).ready(function(){
  
    $('a.videoLink').each(function(){ 
  
      var thumbnailFilePath = 'video/'+$(this).attr('videofile')+'.jpg';
      var videoCaption = $(this).attr('videocaption');
  
      $(this).css('background-image','url('+thumbnailFilePath+')'); 
      $(this).html('&lt;div class="caption"&gt;'+videoCaption+'&lt;/div&gt;&lt;img src="../images/play_icon.png" class="play"/&gt;');
  
    });
  
  });
  </code></pre>