Входные данные:
<span class="button-search"></span>
$('.button-search').click(function() {
// что то
})
При добавлении иконки в span
<span class="button-search"><i class="icon-search"></i></span>
Перестает работать событие click()
Буквально из соседнего ответа:
Потому что навешивание события происходит только на существующие на момент вызова элементы.
Можно навесить один-единственный обработчик на document, с селектором.
jQuery.on( events [, selector ] [, data ], handler )
$(document).on('click', ".button-search", function() {
// ...
});
Или не на весь документ, а на ближайшего родителя, который не подвержен динамическим изменениям.
$('.test').on('click', ".button-search", function() {
// ...
});
<div class="test">
<span class="button-search">
<i class="icon-search"></i>
</span>
</div>