title: Get all elements contained in document and their current values using jquery or any preferred library
body: <p>Im trying to grab the entire DOM from a page using</p>
  
  <pre><code>document.getElementsByTagName('html')[0].innerHTML
  </code></pre>
  
  <p>but I noticed that it does not get the current values for any <code>inputs</code>, <code>textareas</code>, <code>selects</code>, etc...</p>
  
  <p>Is there a way that I can grab their current values as well? essentially I want to take a snapshot of the page in its current state.</p>
  
  <p>I have looked at <code>.each</code> and <code>.serialize</code> in JQuery, but it seems like both are not ideal solutions..</p>