Подскажите пожалуйста, как можно повесить событие .change на глубоко вложенный элемент.
Есть структура:

<div class="site-location">
        <div class="select js-select custom-ui-select show">
            <select name="elem-select" id="elem-select">
                                <option value="1">Элем 1</option>
                                <option value="2">Элем 2</option>
                                <option value="3">Элем 3</option>
                                <option value="4">Элем 4</option>
                                <option value="5">Элем 5</option>

            </select>
        <ul>
			<li><a>Элем 3</a></li>
			<li>
				<ul>
				<li><a>Элем 1</a></li>
				<li><a>Элем 2</a></li>
				<li><a>Элем 3</a></li>
				<li><a>Элем 4</a></li>
				<li><a>Элем 5</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>

В чем фишка, есть обычный селек бок, при загрузке страницы, из него формируется красивый список элементов.
Проблема, я не могу повесить событие .change на селект бокс, так как оно никогда не выполняется, ибо весь селек бокс, становится невидимым, а на его место встает этот список, нажимая на первый элемент, список вываливает все другие элементы.
Как привязать к <a> событие onclick? Или как отследить change в селект боксе?

При формировании <a> задай им класс, а в jQuery навесь онклик для этого класса.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)