Как исправить конфликт в 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>

Marknsk,
подключите поиск после сортировки.

Делал так уже, не срабатывает
 

Скриншот: http://prntscr.com/p9q5f5

Marknsk,
либо у вас id повторяются, либо вы сортируите не в тот блок.
нужен html хотябы пару блоков.

Вот такой у меня html код, где подключен поиск и сортировка.
 

Получается у меня <div class="mariksearch"> дублируется внутри <div class="adr-list">
<div id="carddata">

<div class="adr-list">
            <div id="carddata">
                        
            <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>
                         
            <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>
                         
            <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>
                        
            <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>
                         
            </div>
            </div>

Marknsk,

var mylist = $('#carddata'); 
var listitems = mylist.find('.mariksearch');

Спасибо большое!
Помогло!