Сделать псевдо-чекбоксы с помощью jQuery

Имеется HTML-форма. В форме есть два скрытых поля следующего содержания:

В первом поле - список опций через запятую, а во втором поле - список активных опций. Нужно чтобы jQuery после загрузки страницы “прочитал” эти поля и создал бы блок псевдо-чекбоксов (см. картинку). Около каждого чекбокса написан лэйбл из первого списка ”all_options”, а если такой же лэйбл есть и во втором списке ”active_options”, то чекбокс становится активным (checked). Кроме того, если кликнуть один из чекбоксов, то должен измениться его статус, и при этом в зависимости от статуса его название должно добавиться или удалиться из второго списка ”active_options”. Чекбоксы нужно сделать не в виде HTML-чекбоксов, а в виде DIV-ов со стилями “checked” и “unchecked”.