Retain checkbox state with refresh of page

Retain checkbox state with refresh of page

I'm a newbie to jQuery, and I have what I thought would be a simple setup:

1) Have a list of checkboxes that show/hide content within a div tag
2) Have those checkboxes keep their checked/unchecked state with a page refresh in all browser versions

I was able to accomplish #1 without a problem with the help of this jsfiddle: http://jsfiddle.net/nick_craver/VUeB7/

This code accomplishes #2 in Firefox, but the state disappears in both IE and Chrome whenever the page is refreshed. Does anyone know of a way to accomplish both? I've looked high and low across the internet to no avail. Thanks for any help.