getJSON div change работает в консоли, но не на веб-странице

Question

Итак, вот моя проблема. Я пытаюсь вытащить определенный элемент из веб-страницы и отображать эту информацию в div продукта. Это код, который я использую в настоящее время.

<div id="heres">fd</div> 

---

$.getJSON("https://productinfo.com/api/product", function (el) { 
    document.getElementById("heres").innerHTML = "Product price: " + el.price; 
}); 

И это прекрасно работает в консоли (изменения в DIV примерно через секунду после кода запуска), но я просто не могу заставить его работать в коде веб-страниц. Что там происходит? Я не ужасно хороший кодер, но я думаю, что код довольно прочный, поэтому я смущен. Любая помощь приветствуется! :)

Answer 1

Попробуйте это:

$(document).ready(function() { 
    $.getJSON("https://productinfo.com/api/product", function (el) { document.getElementById("heres").innerHTML = "Product price: " + el.price; 
    }); 
});