Как мне повесить один jQuery код на разные события?

Question

[Cole1247]

Здравствуйте!
Как мне сделать, чтобы один код применялся для разных тегов select.
У меня такая проблема, что я нажимаю на один select и когда выбираю что-нибудь из списка выпадающего, то что я выбрал вставляется во все теги select

HTML:

<div class="select select-valute">
						<div class="input">
					    </div>
					    <div class="select-options">
					      <ul>
					        <li>
					        	<span>
								<i></i>Rus
					      		</span>
					        </li>
					        <li>
					          	<span>
								<i></i>Usd
					      		</span>
					        </li>
					        <li>
					          	<span>
								<i></i>Kzh
					      		</span>
					        </li>
					      </ul>
					    </div>
					</div>

JS:

$(function customSelect() {
	  if ($('.select .select-options ul li').hasClass('selected')) {
	    $('.input').text($('.select-options li.selected > span:first-child').text());
	  } else {
	    $('.input').text($('.select-options li:first-child > span:first-child').text());
	  }

	  $('.select').click(function() {
	    $(this).children('.select-options').toggleClass('visible');
	  });
	  
	  $('.select-options li').click(function() {
	    $('.selected').removeClass('selected');
	    $(this).addClass('selected');
	    $('.select .input').text($(this).find('span:first-child').text());
	  });

Comments

[Дмитрий]

А использовать специальные теги для оформления вопроса? Не?

Answer 1

[ProjectSoft]

Перебор элементов с поиском детей
jsfiddle.net/9syk4o68