jQuery's val() is not working on a hidden field

Question

I have a hidden field in my page like so:

<hidden id="tsDaySchedule01" value="7.50"></hidden>

When I try to access it with the following code, the alert returns blank:

alert($("#tsDaySchedule01").val());

Now when I use attr("value") like below, it works without issue:

alert($("#tsDaySchedule01").attr("value"));

Lastly, I would like to point out we have other non-hidden text fields within the page that work without issue using val().

I would like to have a better understanding as for what is going on here. Does anybody have an explanation?

Answer 1

<hidden/> isn't a valid HTML element. If you're wanting a hidden input you'd use:

<input type="hidden" />

jQuery's .val() method only works on input, select and textarea elements. To get this to work for you, change your <hidden/> element to:

<input type="hidden" id="tsDaySchedule01" value="7.50" />