Функция 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")

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

Answer 2

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

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

должно быть:

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

Answer 3

попробуйте $("#person_image").html("<p> replacement string </p>"); вместо $("person_image").html("<p> replacement string </p>");