title: Javascript No 'Access-Control-Allow-Origin' header is present on the requested resource on load of different url
body: <p>I am trying to load value from different url to a div, When that is loaded it gives me an error. I tried to google a lot. I didn't find a fix. I am aware that this question is already asked but still nothing solved my problem.</p>
  
  <p><code>XMLHttpRequest cannot load http://bulksms.icubetech.com/api/checkbalance.php?user=&amp;pass=. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.w3schools.com' is therefore not allowed access.</code></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
      $("button").click(function(){
          $("#div1").load("http://bulksms.icubetech.com/api/checkbalance.php?user=&amp;pass=");
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="div1"&gt;&lt;h2&gt;Let jQuery AJAX Change This Text&lt;/h2&gt;&lt;/div&gt;
  
  &lt;button&gt;Get External Content&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>