Failed To Load Resource Error
<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>
