Questions about Ajax and Get

I’m working on the weather app now and I’m testing the waters w/ the code by using the below code:

$("#find_weather").click(function(){
    $.get("https://fcc-weather-api.glitch.me/api/current?lat=35&lon=139", function(data, status){
        console.log(data);
        console.log(data[weather][id]);
        console.log(data[weather][main]);
    });
});

#find_weather is the id of a button in the HTML. The URL being used is the example latitude and longitude listed on the page that explains the API link. When I click the button while the website is in progress, at first it printed out the console.log(data); which was all that was inside the function at the time. However, when I debug the code now it skips over the get statement and the console returns this message:

Failed to load https://fcc-weather-api.glitch.me/api/current?lat=35&lon=139: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin is therefore not allowed access. The response had HTTP status code 503.

Any help is appreciated.

OK, that was what I was testing for because after the first console.log(data) it showed me the contents of the data result. I was making an educated guess about the more detailed displays. I’ll give it another shot but also it gave me the error and skipped the get statement before reaching the console statements after I used the button several times, and persisted after I refreshed the pages.

Update: Made the changes suggested, and after testing the button multiple times still haven’t gotten the error mentioned in the original post. Thanks for the help!