title: My API URL is Correct and the HTTP(S) is Correct, but Console.log() Comes up Blank? Why?
body: <p>I can't get any API urls to work! All of my JavaScript code is correct, so I don't know what the problem is. </p>
  
  <p>My CodePen console and Google Chrome developer console is blank!
  See screenshot here:<a href="https://s25.postimg.org/k5ds4p1xb/Console_Test.jpg" rel="nofollow noreferrer">https://s25.postimg.org/k5ds4p1xb/Console_Test.jpg</a>
  <a href="https://s25.postimg.org/k5ds4p1xb/Console_Test.jpg" rel="nofollow noreferrer">(Screenshot of consoles)</a></p>
  
  <p>Here is my CodePen:
  <a href="https://codepen.io/IDCoder/full/KZqNdr/" rel="nofollow noreferrer">https://codepen.io/IDCoder/full/KZqNdr/</a></p>
  
  <p>Here is my JavaScript code: </p>
  
  <pre><code>$(document).ready(function(){
  
    var quote;
  
    function getNewQuote() {
      $.ajax({
        url: 'https://api.forismatic.com/api/1.0/?method=getQuote&amp;format=jsonp&amp;lang=en&amp;jsonp=?',
        jsonp: 'jsonp',
        dataType: 'jsonp',
        data: {
          method: 'getQuote',
          lang: 'en',
          format: 'jsonp'
        },
        success: function(response) {
          //quote = response.quoteText;
          console.log(response.quoteText);
  
  
        }
      });
    }
    //getNewQuote();
  });
  
   //getNewQuote();
  
   // $('.get-quote').on('click', function(e) {
    //  e.preventDefault();
     // getNewQuote();
    //});
  
    //$('#quote').text(response.quoteText);
          //if (response.quoteAuthor) {
            //$('#author').text('said by ' + response.quoteAuthor);
          //} else {
           // $('#author').text('- unknown');
          //}
  </code></pre>
  
  <p>A commenter recommended I use an ajax error call and I implemented that and got the Google Chrome developer console to log this <strong>"Failed to load <a href="https://codepen.io/boomerang/iFrameKey-a33d8144-0d32-5d95-7476-4d00493149e7/wrongfile.txt" rel="nofollow noreferrer">https://codepen.io/boomerang/iFrameKey-a33d8144-0d32-5d95-7476-4d00493149e7/wrongfile.txt</a>: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<a href="https://s.codepen.io" rel="nofollow noreferrer">https://s.codepen.io</a>' is therefore not allowed access. The response had HTTP status code 404."</strong>    ....I'm confused!</p>