Функция JQuery ready не загружает то, что я хочу

Question

Я пытаюсь убедиться, что моя функция готовности JQuery работает. В долгосрочной перспективе я хочу иметь возможность загружать изображение после загрузки страницы, но сейчас я пробую его просто с помощью текста, и оно не работает. Вот мой код

//inside my html

<div id= "person_image">
    <p> has not been replaced </p>
</div> 


//the ready function... this is in another file, but I know it is accessing properly 
//the made it text is displaying as it should

$(document).ready(function(){
    alert("made it");
    $("person_image").html("<p> replacement string </p>");
});

Всякий раз, когда я перезагружаю страницу, ничего не меняется, и она все еще гласит "не было заменено". Что-то не так с функцией готовности JQuery?

Answer 1

Вы забыли "#"!

$("person_image").html("<p> replacement string </p>");

должно быть:

$("#person_image").html("<p> replacement string </p>");

Answer 2

Вам не хватает #

$("#person_image")

На данный момент вы пытаетесь получить доступ к элементу <person_image> вместо чего-то с id из person_image,

Answer 3

Пытаться $("#person_image").html("<p> replacement string </p>");вместо$("person_image").html("<p> replacement string </p>");