title: Blogger API Javascript fails first time
body: <p>I have this code that what it does is list the title of the latest posts of a blogger through the API using javascript, the problem is that the first time it does not work, but when I reload it it works correctly, everything without showing any error</p>
  <p>My code :</p>
  <pre><code>&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot; integrity=&quot;sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==&quot; crossorigin=&quot;anonymous&quot; referrerpolicy=&quot;no-referrer&quot;&gt;&lt;/script&gt;
  &lt;div id=&quot;content&quot;&gt;&lt;/div&gt;
  
  &lt;script&gt;
  
  function handleResponse(response) {
    console.log(&quot;response&quot;);
    console.log(response);
    for (i = 0; i &lt; response.items.length; i++) {
      var titleHtml = '&lt;div id=&quot;post' + (i + 1) + '&quot; class=&quot;post&quot;&gt;&lt;p&gt;' + response.items[i].title + '&lt;/p&gt;&lt;/div&gt;';
      $('#content').append(titleHtml);
    }
  }
  &lt;/script&gt;
  
  &lt;script src=&quot;https://www.googleapis.com/blogger/v3/blogs/BLOGID/posts?callback=handleResponse&amp;key=APIKEY&quot;&gt;&lt;/script&gt;
  </code></pre>