How to change value in html loaded with jQuery?

Question

Upon clicking a button, I load some extra html in my site, which I keep in a different file. After loading it, I want to make some changes in the loaded html. I currently try to do this as follows:

$.when($("#divForInsert").load("/toInsert.html")).done(function(){
    $("#someInput").val("new text in it");
});

The contents of the file are as follows:

<input type='text'
   size='5'
   id='someInput'
   name='someInput'>

I am sure that #someInput exists (checked it in toInsert.html and with inspect element in the browser) and since I load it using .done(), I suppose it's already loaded when I try to change the val of it. So why does it refuse to be changed?

All tips are welcome!

[EDIT] I incorrectly said it was a div I tried to change, but it was actually an input field. I added it to the question.

@doitmyway - Excuse me, but I mistakenly said it was a div, where it was actually an input field of which I'm trying to change the val. I changed it in my initial question. Would you have any ideas now? — kramer65
– kramer65, Commented Jul 5, 2014 at 1:11

Zemistr · Accepted Answer · 2014-07-05 01:23:42Z

1

Try this:

$("#divForInsert").load("/toInsert.html", function() {
    $("#someInput").val("new text in it");
});

edited Jul 5, 2014 at 1:23

answered Jul 5, 2014 at 0:54

Zemistr

1,0497 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

kramer65 Over a year ago

Excuse me, but I mistakenly said it was a div, where it was actually an input field. I changed it in my initial question. Would you have any ideas now?

kramer65 Over a year ago

Awesome! Nailed it! Thanks a million!

Collectives™ on Stack Overflow

How to change value in html loaded with jQuery?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related