JQuery: Get original input value

Question

Is it possible to get the initial value of a form input field?

For example:

Click to copy

<form action="" id="formId">     <input type="text" name="one" value="one" id="one" /> </form>  $("#one").attr("value");   //would output "one" $("#one").val();           //would output "one" $("#one").get(0).value;    //would output "one" 

However, if the user then changed the content of the #one input field to two, the html would still look the same (with one as the value) but the JQuery calls above would return two.

JSFiddle to play with: http://jsfiddle.net/WRKHk/

I think that this must still be possible to get the orginal value, since we are able to call document.forms["formId"].reset() to reset the form to its original state.

Answer 1

Try this:

Click to copy

$("#one")[0].defaultValue;