title: Capture and recall the state of radio button groups using cookies and as little jQuery as possible
body: <p>Just a day ago I posted <a href="https://stackoverflow.com/questions/19946680/parsing-multi-variable-cookies-into-web-form-values">this question</a> and found/built my own solution, for lack of a sufficient answer. Now, I need help going through a similar process again. This time, however, I need to capture (save to cookie as 'Base64' data) and recall (recheck upon user return) the state of all the radio button groups (by 'name' not 'ID', for obvious reasons), after the page loads, and if need be trigger all corresponding onchange events attached to them. For example, if a radio button group label has the question, "Have you lived at this address for more than 3 years?' one radio button label says 'Yes', and the other, 'No'. If the user chooses 'No' an extra 'address' table row is displayed in the table. All of the mechanics of the table appearing on 'No' 'checked' has already been done. I'm looking for a simple way to:</p>
  
  <p>A:) Record all radio button group(s) state(s) (i.e which one is checked), on the 'onchange' event of any radio button on the form.</p>
  
  <p>B:) Convert that information to JSON or some other record keeping</p>
  
  <p>C:) Base64 encode data in step [B:]</p>
  
  <p>D:) Save to a cookie</p>
  
  <p>Upon page reload (user returns to page)...</p>
  
  <p>E:) Grab data from cookie</p>
  
  <p>F:) Decode Base64 and assign to variable</p>
  
  <p>G:) From data iterate through all the forms radio buttons re-checking what was originally checked.</p>
  
  <p>Sound easy? Give it a try! I did....and am still.</p>