title: jQuery XML error ' No 'Access-Control-Allow-Origin' header is present on the requested resource.'
body: <p>I am working on this personal project of mine just for fun where I want to read an xml file which is located at <a href="http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml" rel="nofollow noreferrer">http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml</a>  and parse the xml and use it to convert values between the currencies.</p>
  <p>So far I have come up with the code below which is pretty basic in order to read the XML but I get the following error.</p>
  <blockquote>
  <p>XMLHttpRequest cannot load ****. No 'Access-Control-Allow-Origin'
  header is present on the requested resource. Origin
  'http://run.jsbin.com' is therefore not allowed access.</p>
  </blockquote>
  <pre><code>$(document).ready( 
      function() {     
          $.ajax({          
              type:  'GET',
              url:   'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml',
              dataType: 'xml',              
              success: function(xml){
                  alert('aaa');
              }
           });
      }
  );
  </code></pre>
  <p>I don't see anything wrong with my code so I am hoping someone could point out what I am doing wrong with my code and how I could fix it.</p>