Remember cookies state

index.html

<ul class="m-items">
    <li>
        <input type="checkbox"/>
    </li>
    <li>
        <input type="checkbox"/>
    </li>
    <li>
        <input type="checkbox"/>
    </li>
</ul>

remember_cookies.js

var $items = $('.m-items li');
$items.each(function(i, $el){
	var newId = 'item-'+ i,
		theCookie = $.cookie('checkbox_' + newId);
	$el.id = newId;

	if(theCookie){
		// Check the checkbox and mark the item
		$(this).find('input[type="checkbox"]').attr('checked', 'checked');
	}
});

// When user mark an item
$items.find('input[type="checkbox"]').on('click', function(){
	var $item = $(this).parents('li'),
		itemID = $item.attr('id'),
		cookieName = 'checkbox_' + itemID;

	if($.cookie(cookieName)){
		// Delete the cookie
		$.removeCookie(cookieName);
	}else{
		// Write the cookie
		$.cookie(cookieName, itemID, { expires: 365 });
	}
});