title: Store html values of divs with a class and recall them later with jQuery
body: <p>I have several div's that have their html modified during the life of the page.  How do i store their original content as defaults so that i can recall them with a reset button?  They all share a same class but each has a unique class that begins with "message-".  Since the message class is dynamic I have no way of knowing what it is in advance. It may be possible to switch the message- to an ID if thats a better approach.</p>
  
  <pre><code>&lt;div class="foo message-heading"&gt;some html&lt;/div&gt;
  &lt;div class="foo message-body"&gt;some other html&lt;/div&gt;
  &lt;div class="foo message-footer"&gt;some more html&lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>