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?
});

Reply via email to