Guardar cambio de color de un DIV

Tengo un GRID, al hacer click dentro de una de las celdas ( DIV ) cambia de color, debo guardar ese cambio.

<!-- Cambia la casilla en el grid --><script type="text/javascript">    $(document).on('click','#a', function() {        $(this).toggleClass('bg-color');    });</script><!-- Cambia la casilla en el grid --><div id="main-wrapper"><?php require 'inc/header.php'; ?><div class="wrapper-pad"><h2>Posiciones Libres</h2><div id="table-head"><div>-------------------- Pasillo 1 Lado Y ----------------------</div><div class="grid-container"><div id="a">1</div><div id="a">2</div><div id="a">3</div>  <div id="a">4</div><div id="a">5</div><div id="a">6</div></div>CSS/* Cambia la casilla en el grid */.grid-container > .bg-color{    background-color: red;}