title: Cannot GET image from HTTP request
body: <p>I already check image and they do exist on the server.</p>
  
  <p>I have include image in CSS rule with this code</p>
  
  <pre><code>.Invite{background: url("../images/interface/Shop/Btn_Ad_Invite_all.png") 0px 0px;}
  .Invite:hover{ background-position-x: -86px; }
  .Invite:active{ background-position-x: -172px; }
  
  &lt;div class="Button Invite" onclick="invite()"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and I'm trying to use jQuery Ajax get and try to inject image to body with this code in browser console</p>
  
  <pre><code>$.get("https://fb.spot-the-differences.com/test/images/interface/Shop/Btn_Ad_Invite_all.png");
  $.get("images/interface/Shop/Btn_Ad_Invite_all.png");
  $("body").append("&lt;img src='https://fb.spot-the-differences.com/test/images/interface/Shop/Btn_Ad_Invite_all.png'/&gt;");
  $("body").append("&lt;img src='images/interface/Shop/Btn_Ad_Invite_all.png'/&gt;");
  </code></pre>
  
  <p>All my browsers (IE, Firefox, Chrome) says fail to get image with no response.
  And other computer in my local network can get image without problem.</p>
  
  <p>If I copy image url and paste in to browser address I can receive image without problem:</p>
  
  <p><img src="https://i.stack.imgur.com/zzJnn.jpg" alt="enter image description here"></p>
  
  <p>Can someone please explain to why this happen and how to solve this problem I don't want this to happen to client on my site.</p>
  
  <p>I would appreciate any kind of conversation or help.</p>
  
  <p>I found suspicious thing when I try to change path of my problematic images to any inaccurate path I still got status failed instead of 404 not found like this one</p>
  
  <pre><code>&lt;img src='http://google.Shop/Btn_Ad_Invite_all.png'/&gt; 
  </code></pre>
  
  <p><a href="http://jsfiddle.net/fQK5K/1/" rel="nofollow noreferrer">jsfriddle</a> I see IMG4 same as IMG2 nothing appear even image broken icon</p>
  
  <p>I need some advice thank so much.</p>