tengo este codigo que lo que hace es listar el titulo de los ultimos posts de un blogger a traves de la API usando javascript, el problema es que la primera vez no funciona, pero cuando lo recargo funciona correctamente, todo sin mostrar nada error

Mi código :

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <div id="content"></div> <script> function handleResponse(response) { console.log("response"); console.log(response); for (i = 0; i < response.items.length; i++) { var titleHtml = '<div id="post' + (i + 1) + '" class="post"><p>' + response.items[i].title + '</p></div>'; $('#content').append(titleHtml); } } </script> <script src="https://www.googleapis.com/blogger/v3/blogs/BLOGID/posts?callback=handleResponse&key=APIKEY"></script>