Поиск по сайту

Приветствую. хочу сделать два поиска, разумеется сейчас нижняя строка поиска не работает. header.tpl и common.js Версия ocStore 2.1.0.2. <div class="container"> <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_categorymenu; ?></span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex2-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex2-collapse"> <ul class="nav navbar-nav"> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> </ul> <?php echo $search; ?> </div> </nav> </div> <!----> <div class="container"> <nav id="menu" class="navbar"> <div class="mobsearch"><?php echo $search; ?></div> </nav> </div> </header> /* Search */ $('#search input[name=\'search\']').parent().find('button').on('click', function() { url = $('base').attr('href') + 'index.php?route=product/search'; var value = $('nav input[name=\'search\']').val(); if (value) { url += '&search=' + encodeURIComponent(value); } location = url; }); $('#search input[name=\'search\']').on('keydown', function(e) { if (e.keyCode == 13) { $('header input[name=\'search\']').parent().find('button').trigger('click'); } }); Пытался копировать скрипт из common.js при этом игрался с айдишником.. #search и nav добивался того что нижний поиск работает, а верхний нет.. нижний поиск будет только для мобил. сейчас он сворачивается вместе с менюшкой, что не есть хорошо. .visible-xs-* подскажите пожалуйста, как реализовать..