Javascript-форум - В заголовок адреса страницы не передается значение value?

Всем привет! Есть форма поиска, которая открывается по клику на кнопке и сворачивается, когда пользователь ввел какое-либо значение.
Но вот переношу на реальный сервер 1 в 1, только в action указываю action="<?php echo home_url(); ?>" - в адресной строке получаю http://domen.com/?s=, т.е. не считывает введенную инфу. если же прописывать action="#", то получаю на выходе http://domen.com/?s=# с тем же результатом.. это почему так и как можно поправить?
https://jsfiddle.net/nspmaok9/

$(function() {
  $('.js-search-form').each(function() {
    var $search = $(this),
      $field = $('.js-search-form_field', $search);

    $search.on('submit', function(e) {
      $field
        .animate({
          width: 'toggle'
        })
        .focus();

      if (!$field.val()) {
        e.preventDefault();
      } else {                                // проверка отправки строки
        console.log(`Send ${$field.val()}`);
        $field.val('');
      }
    });
  });
});

<form class="searchformhead js-search-form" method="get" action="#">
  <input type="text" name="s" class="s js-search-form_field" size="30" placeholder="Поиск">
  <input type="submit" class="searchSubmit" value="&#xf002;">
</form>

Код:

.searchformhead {

  text-align: center;

}

.searchSubmit {

  font-family: 'FontAwesome';

}

.s {

  display: none;

}

з.ы. и почему не срабатывает значение fontawesome в value="" - ?