jquery - Ajax GET throwing 404 errors in Chrome Console -

this not effecting page or output wondering if can explain why happening:

here ajax:

$(document).ready(function(){  $archive = "/videoarchive/";  $.ajax({   url: "http://mysite.com/videoarchive/",   cache: false }).done(function( html ) {     $div = $('.archive', $(html));     $img = $div.first().find('img').attr('src');     $link = $div.first().find('a').attr('href');     alert($img);     $('#featurevideo').append('<img src="http://mysite.com/videoarchive/'+$img+'" alt="image" />');     $('#playvideo').append('<a class="extlink" href="http://mysite.com/videoarchive/'+$link+'" target="_blank" title="fancybox link"><img src="images/playbutton.png" alt="image" /></a>');     $('#archivelinks').append('');  });  }); 

everything works fine when inspect element , in console images incoming html add path website. here example:

failed load resource: server responded status of 404 (not found) >>> http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg

i curious if there way rid of these or if stuck them. or if doing wrong...

works fine in chrome , ie8... output seen in ie8 on intranet site...

let me know if can provide more details?

first of all, should wrapping html twice? instead do:

$div = $('.archive', html);