title: How do I get the steam API to work?
body: <p>Let me start off with saying I just figured out how to use JQuery's "$.ajax()" just a few days ago. I've been able to read local .xml and .json files. </p>
  
  <p>Also, I've figured out how to use the google maps API to import dynamic and static maps. (just following the google documentation)</p>
  
  <p>Now, I had an idea to use steam IDs for a school project, but I keep getting this error:</p>
  
  <pre><code>XMLHttpRequest cannot load http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=[MY_SECRET_KEY]2&amp;steamid=76561197960435530&amp;relationship=friend. Origin http://local.mysite.com is not allowed by Access-Control-Allow-Origin. 
  </code></pre>
  
  <p>(I took out the key, and the generated key is suppose to allow access to <a href="http://local.mysite.com" rel="nofollow">http://local.mysite.com</a>)</p>
  
  <p>Here is my code:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          $.ajax({
              url: "http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=[MY_SECRET_KEY]&amp;steamid=76561197960435530&amp;relationship=friend",
              dataType: "json",
              success: function(data){
                  console.log(data);
              },
              error: function(req,text,error){
                  console.log(text);
                  console.log(error);
                  console.log("DIDN'T WORK!")
              }
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>Does anybody know what's going on? I can't seem to get this to work.</p>