使用从元素ID的变量构建的数组分离并附加复选框选择

分离工作正常,但未附加。我认为数组的构建是正确的,但再次追加时,数组未定义。此外,如果多次取消选中,我需要避免向数组中添加相同的元素。

JSFIDLE(JSIDLE): https://jsfiddle.net/ud2opLxx/4/

$(document).ready(function(){
var restoreMe = [];
 $("#studentCourses :checkbox").change(function() {

    var courseid = $(this).attr('id'),
        row = $(this).closest('tr'),
        cell = row.children('td').eq(3),
        course = cell.find('input');

    if($(this).prop("checked")) {
        //var rm = $.grep(restoreMe, function(e){ return e.courseid.to_string == courseid.to_string; });
        row.css('color', '#000000');
        restoreMe[courseid].appendTo( cell ); 
        //rm[0].courseid.appendTo( cell ); 
    } else {
        row.css('color', '#c0c0c0');
        restoreMe.push({courseid: course.detach()});
        }
});
});