Crear un formulario checkbox que actualice un DIV según la box seleccionada

Hola,

Tengo un formulario HTML con Checkbox y quiero que, al seleccionar una de las cajas se me actualice la información contenida en un DIV de mi web.

Hasta ahora tengo el siguiente código, pero al hacer click en la cajita no ocurre nada.

<script>
$(function() {
 $(".regularCheckbox").change(function() {
 console.log("changed...");
 var data = $(this).serialize();
 console.log(data);
 $("#indexMain").load("index.php?data="+data)
 })
 })
</script>
<div class="bgFilterTitles">
<h1 class="filterTitles">COLOR</h1>
</div><div class="colors">
<form id ="colors" action="index.php">
<?php
$colors = mysql_query("SELECT DISTINCT color_base1 FROM item_descr ORDER BY color_base1");
while ($colorBoxes = mysql_fetch_array($colors))
{
echo "<input type='checkbox' id='checkbox-1-1' class='regularCheckbox' name='color' value='".$colorBoxes[color_base1]."' /><font class='similarItemsText'> ".$colorBoxes[color_base1]."</font><br />";
}
?>
<input type="submit" />
</form>

Alguna ayuda? Gracias!!