title: No 'Access-Control-Allow-Origin' header is present on the requested resource error
body: <p>I'm trying to fetch the feed of a news website. Thought I'd use google's feed API to convert the feedburner feed into json. The following url will return 10 posts from the feed, in json format. <a href="http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num=10&amp;q=http://feeds.feedburner.com/mathrubhumi" rel="noreferrer">http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num=10&amp;q=http://feeds.feedburner.com/mathrubhumi</a></p>
  
  <p>I used the following code to get the contents of above url</p>
  
  <pre><code>$.ajax({
    type: "GET",
    dataType: "jsonp",
    url: "http://ajax.googleapis.com/ajax/services/feed/load",
    data: {
      "v": "1.0",
      "num": "10",
      "q": "http://feeds.feedburner.com/mathrubhumi"
    },
    success: function(result) {
      //.....
    }
  });
  </code></pre>
  
  <p>but it's not working and I'm getting the following error</p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load
    <a href="http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num=10&amp;q=http%3A%2F%2Ffeeds.feedburner.com%2Fmathrubhumi" rel="noreferrer">http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num=10&amp;q=http%3A%2F%2Ffeeds.feedburner.com%2Fmathrubhumi</a>.
    No 'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin '<a href="http://localhost" rel="noreferrer">http://localhost</a>' is therefore not allowed access.</p>
  </blockquote>
  
  <p>How do I fix this?</p>