Как исправить конфликт в javascript?

Здравствуйте,
1) Сделал поиск
2) Как подключил сортировку по алфавиту, поиск перестал работать.
Подскажите пожалуйста в чем причина, как исправить чтобы работал и поиск и сортировка?

<script>						
			$("#carddata").searcher({
				itemSelector: ".mariksearch",
				textSelector: "div",
				inputSelector: "#cardsearchinput",
				highlight: "<span class='highlight'>$1</span>",
				toggle: function(item, containsText) {
					if (containsText)
						$(item).fadeIn();
					else
						$(item).fadeOut();
				}
			});
//выше поиск
//ниже сортировка
			var mylist = $('.adr-list');
var listitems = $('#carddata');
var listitems = mylist.find('.mariksearch');
listitems.sort(function(a, b) {
   return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });
		</script>

<div class="adr-list">
						<div id="carddata">
                        <!-- дубль php begin -->
						<div class="mariksearch">
							<div class="single-adr">
                                Полный адрес
								<span class="metro-text">метро, полное название</span>
								<a class="ph-cent-city" href="">Номер телефона цифрами</a> 
								<a href="/" class="link_under_blocks">Контакты центра</a>
							</div>
						</div>
                         <!-- дубль php end-->
						</div>
						</div>