Заполнение формы с помощью jQuery

Question

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

<form action="/shipping" method="post" novalidate=""> 
    <div class="linked input_group"> 
    <p class="input text span_half"> 
     <label for="buyer_first_name">First name</label> 
     <input type="text" name="buyer_first_name" id="buyer_first_name" value=""> 
    </p> 
    <p class="input text span_half"> 
     <label for="buyer_last_name">Last name</label> 
     <input type="text" name="buyer_last_name" id="buyer_last_name" value=""> 
    </p> 
    </div> 
    <div class="input_group"> 
    <p class="input text"> 
     <label for="buyer_email">Email address</label> 
     <input type="email" name="buyer_email" id="buyer_email" value=""> 
    </p> 
    </div> 
</form> 

Я думал, что смогу использовать нижеследующее, и попробовал несколько вариантов, но я все еще не могу заставить его работать.

$("#buyer_first_name").val('dave smith'); 

Любая помощь? Благодаря

Answer 1

Я предполагаю, что вы запустите код JQuery до DOM готова к манипуляции: https://jsfiddle.net/fyb4xkvj/1/

$(document).ready(function() { 
    $("#buyer_first_name").val('dave smith'); 
}); 

Answer 2

Вы код работает до тех пор, как на самом деле загружается JQuery.

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 

https://jsfiddle.net/u65k9mzp/