Как синхронизовать два списка на странице с помощью JavaScript'a?

Привет, на странице есть два выпадающих списка (размер и цвет). Когда пользователь выбирает из первого списка, например 42 размер, то выпадающий список надо обновить и показать только те цвета, которые есть для этого размера. Так бывает, что не все цвета могут быть для того или иного размера. Есть примеры, как это реализовать? И какую структуру для хранения этих данных выбрать? Я хочу, чтобы этот массив данных сразу формировался на сервере и передавался на клиент, чтобы потом не делать запросы на сервер каждый раз, когда будут выбираться значения из выпадающих списков. Мы не используем никакие фреймворки, только jQuery.