[jQuery] Global Object, Scope question
This is really a javascript question, but will use jQuery.
When a page first displays I would like to save a bunch of data about
a form. For example the IDs of all of the inputs and how they are
originally defined. Depending on user actions I may need to restore
individual form fields to their original state. I don't need to reset
the entire form. I know how to use jQuery to select the original form
elements, but am struggling with how to store them into an object that
I can refer to and retrieve individual input data for later.
// a global object that stores form data
What goes here? How do I make it global and persistent?
// a function that resets an field to its original state
function resetField(id) {
// refers to the global object, but how?
}
$(document).ready(function(){
// save initial form configuration
how called?
});