title: Ajax GET throwing 404 errors in Chrome Console
body: <p>This is not effecting my page or output but I was wondering if someone can explain why this is happening:</p>
  
  <p>Here is my Ajax:</p>
  
  <pre><code>$(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('&lt;img src="http://mysite.com/videoarchive/'+$img+'" alt="image" /&gt;');
      $('#playVideo').append('&lt;a class="extLink" href="http://mysite.com/videoarchive/'+$link+'" target="_blank" title="fancybox link"&gt;&lt;img src="images/playButton.png" alt="image" /&gt;&lt;/a&gt;');
      $('#archiveLinks').append('');
  
  });
  
  });
  </code></pre>
  
  <p>Everything works fine but when I inspect element and look in the console all the images from the incoming HTML all add the path to my website. Here is an example:</p>
  
  <p>Failed to load resource: the server responded with a status of 404 (Not Found) >>>  <a href="http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg" rel="nofollow">http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg</a></p>
  
  <p>I am just curious if there is a way to get rid of these or if I am stuck with them. OR if I am doing something wrong...</p>
  
  <p>Works fine in Chrome and IE8...
  The output will only be seen in IE8 on an Intranet site...</p>
  
  <p>Let me know if I can provide more details?</p>