How to do multiple json requests without conflict
<p>I have found many similar issues to my problem. Maybe it is me me, but I am having a hard time finding a real clear answer as  to why I can't do multiple json requests or why this wouldn't work.</p>

<p><strong>Here is my jQuery code:</strong></p>

<pre><code>$.getJSON('http://api.espn.com/v1/sports/basketball/nba/teams/16/news?apikey=0001234', function(data) {
    console.log(data.headlines);              
});

$.getJSON('http://api.espn.com/v1/sports/football/nfl/teams/16/news?apikey=0001234', function(data) {
    console.log(data.headlines);
});
</code></pre>

<p><strong>And here is the error I receive in the console log.</strong> </p>

<pre><code>XMLHttpRequest cannot load http://api.espn.com/v1/sports/football/nfl/teams/16/news?apikey=62t2h4tsdmhr2q7aynvjuv2s. Origin null is not allowed by Access-Control-Allow-Origin.
</code></pre>

<p>When I run one $.getJSON request by itself it works fine. So I am assuming it is because I am making multiple requests. I am just not sure how to write it in a way where they don't conflict with each other.Any help is appreciated. Thanks</p>

<p><strong>EDIT</strong></p>

<p>So I guess the question then.. Is it possible to do multiple request this way. Is there an issue with my code? Or is it most likely an issue with ESPN's API. I could try using yahoo api and see if I get the same result.</p>
