title: .getJSON() callback wont work but API's url works fine
body: <p>I am trying to learn more about APIs by playing around with them, and I am having trouble with the Flickr API right now.</p>
  
  <p>My URL that goes into <code>.getJSON()</code> works just fine when I type it into chrome manually and it returns a JSON, but my callback function in the below code is not working, meaning that <code>.getJSON(url)</code> isn't working. </p>
  
  <pre><code>let city='boston';
  
  function gettingFlickrJSON(city1){
      city = city1;
      console.log(1);
      $.getJSON('https://api.flickr.com/services/rest/?method=flickr.photos.search&amp;api_key=[my_key_which_i_left_out_for_now]&amp;tags='+city+',city&amp;per_page=10&amp;format=json',function(json){
        console.log(2);
      });
  }
  </code></pre>
  
  <p>I tried taking out the </p>
  
  <pre><code>&amp;tags='+city+',city... 
  </code></pre>
  
  <p>and replacing with a sample run, the callback still didn't work. 
  I'm 99% confident the link works because as I said, when typed manually it works. And yes, I have jquery imported into my script.
  Here's a link to the documentation for the method I'm trying to use if this is any help. <a href="https://www.flickr.com/services/api/flickr.photos.search.html" rel="nofollow noreferrer">https://www.flickr.com/services/api/flickr.photos.search.html</a></p>