checkboxes status saved and loaded

by cory a

HTML

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup" class="introboxes">
       <input type="checkbox" name="Sunday" checked="checked" id="Sunday-1" class="custom" />
       <label for="Sunday-1">Sunday</label>
       <input type="checkbox" name="Monday" id="Monday-1" class="custom" />
       <label for="Monday-1">Monday</label>
       <input type="checkbox" name="Tuesday" id="Tuesday-1" class="custom" />
       <label for="Tuesday-1">Tuesday</label>
  </fieldset>
</div>
<button id="btn">parse local storage</button>

JavaScript

$(".introboxes").change(function() {
    
var status = $('input[type="checkbox"]').map(function(){
    
    var $this = $(this),
        ret = { id: $this.prop('id'), checked:  $this.prop('checked') };
    
    return ret;
    
    }).get();
    console.log(status);
    localStorage.setItem("chkBoxStatus", JSON.stringify(status));
});   

$(function() {
    
    var chkBoxStatusJson = localStorage.getItem("chkBoxStatus");

    if(chkBoxStatusJson){
        
        var parsed = JSON.parse(chkBoxStatusJson);
        
        $.each(parsed, function(i, item){
            alert()
            $('#' + item.id).prop({ checked: item.checked }).checkboxradio('refresh');
        });
    }
       
});