Странное поведение hide()

но через доли секунды элементы опять отображаются. В чем проблема? ... замена на $(this).remove(); приводит к аналогичному результату.

<telepathy> Кнопка с id="search" на Вашей странице имеет type="submit" - явно прописанный или по умолчанию - и находится внутри тэга form. Код Вашего обработчика отрабатывает и прячет нужный элемент, но процесс сабмита формы продолжается своим чередом. В результате, в браузер загружается новая страница, где все элементы опять видимые. </telepathy>

Надо:

$("#search").click(function() {
  ...
  return false;
});    

или

$("#search").click(function(e) {
  e.preventDefault();
  ...
});    

или

<button id="search" type="button" ...</button>