anchor.diff:        }
         this.props.onSelectedCriteriaChange(new_selected_criteria);
       },
  -    graderCheckboxClicked: function(event) {
  +    graderInGroupCheckboxClicked: function(event) {
         var value = event.currentTarget.checked;
         var group_grader_id = parseInt(event.currentTarget.getAttribute('id'), 10);
         var new_selected_graders_in_groups = this.props.selected_graders_in_groups.slice();
  
positive.code:             <input id={group.graders[i].membership_id}
                type='checkbox'
                checked={this.props.selected_graders_in_groups.indexOf(group.graders[i].membership_id) !== -1}
                onChange={this.graderCheckboxClicked} />{group.graders[i].user_name}</div>);
          }
          g['graders'] = graders;
          g['coverage'] = <span dangerouslySetInnerHTML={{__html: group.coverage}} />;
  
negative.code:         new_selected_graders_in_groups.splice(new_selected_graders_in_groups.indexOf(group_grader_id), 1);
        }
        this.props.onSelectedGradersInGroupsChange(new_selected_graders_in_groups);
      },
      graderInCriteriaCheckboxClicked: function(event) {
        var value = event.currentTarget.checked;
        var criterion_grader_id = parseInt(event.currentTarget.getAttribute('id'), 10);
        var new_selected_graders_in_criteria = this.props.selected_graders_in_criteria.slice();
        if (value) {
          new_selected_graders_in_criteria.push(criterion_grader_id);
        } else {
          new_selected_graders_in_criteria.splice(new_selected_graders_in_criteria.indexOf(criterion_grader_id), 1);
        }
        this.props.onSelectedGradersInCriteriaChange(new_selected_graders_in_criteria);
      },
      render: function() {
        var group_columns = [
  