[Помогите] Сравнение с использованием checkbox

Поставили задачу поправить функцию добавления товара в сравнение. Суть такая что товар добавляется нажатием на chekbox, надо сделать чтобы при снятии флажка товар из сравнения удалялся.
это из category.tpl:

<span class="compare">
<form action="" method="post">
<input onclick="addToCompare('<?php echo $product['product_id']; ?>');" type="checkbox" name="cbc<?php echo $product['product_id']; ?>" id="cbc<?php echo $product['product_id']; ?>" value="" /> <label onclick="addToCompare('<?php echo $product['product_id']; ?>');" for="cbc<?php echo $product['product_id']; ?>">Сравнить</label>
</form>
</span>
это из common.js:

function addToCompare(product_id) {
$.ajax({
url: 'index.php?route=product/compare/add',
type: 'post',
data: 'product_id=' + product_id,
dataType: 'json',
success: function(json) {
$('.success, .warning, .attention, .information').remove();

if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');

$('.success').fadeIn('slow');

$('#compare-total').html(json['total']);

$('html, body').animate({ scrollTop: 0 }, 'slow');
}
}
});
}

function remFromCompare(product_id) {
$.ajax({
url: 'index.php?route=product/compare/remove',
type: 'post',
data: 'product_id=' + product_id,
dataType: 'json',
success: function(json) {
$('.success, .warning, .attention, .information').remove();

if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');

$('.success').fadeIn('slow');

$('#compare-total').html(json['total']);

$('html, body').animate({ scrollTop: 0 }, 'slow');
}
}
});
}
Подскажите как встроить ремув и правильно ли я его написал ?