DOM input value not changing.

[Millertime1]

Hi, I'm having a problem with a hidden input value not changing on the browser after a request. I can change the value and alert or console log the new value but it won't change the DOM. Here's the section I'm having problems with:

xhr.onload = function() {
	if (xhr.status === 200) {
		var data = JSON.parse(this.responseText);
		$(".token").attr('value', data.token);
		alert($(".token").val());
	} else {
		console.log('Something went terribly wrong...');
	}
};

[fastsol]

What is the html for the element with class token?

[Millertime1]

<input type="hidden" name="token" id="token" value="sha512 hash">

 

All my other Ajax calls work off of .token so I'm lost at why it's not working.

[fastsol]

Because you're tryning to call it on class="token" but in the html you use id="token".  You need to change one or the other.

[Millertime1]

I decide to redirect instead since it better suits my application but I figure name and class were the same for an input since I can grab the element using a class selector.

[CroNiX]

You can? Maybe you have before because you had name, id and class all the same. But in the case above there is no class "token" so it won't work. It would work if you used the ID

$("#token").attr('value', data.token);

[Millertime1]

Never mind I did end up adding a class value. I've been away from my computer for awhile sorry.