实现checkbox 翻页后，仍保持选中状态

<script type="text/javascript">
        var checkedIds= [];//保存选中的id，亦适用于分页

        /* 将选中的数据ID保存*/
        $(".dfinput1 input").click(function(){
            if($(this).is(":checked")){
                checkedIds.push($(this).attr("id"));
            }else{
                for(var i=0; i<checkedIds.length; i++){
                    if($(this).attr("id") == checkedIds[i]){
                        checkedIds.splice(i, 1);
                        break;
                    }
                }
            }
        });
        console.log(checkedIds)
        //翻页后设置是否选中
        function setChecked(){
            var $boxes = $(".dfinput1 input");
            for(var i=0;i<$boxes.length;i++){
                var id = $boxes[i].id;
                if(checkedIds.indexOf(id,0)!=-1){
                    $boxes[i].checked = true;
                }else{
                    $boxes[i].checked = false;
                }
            }
        }
    </script>

哪里出了问题

我的checkedIds也是空的，是哪里出了问题吗