Есть facelet terminology.xhtml
<div class="termins col-lg-6">
<f:view>
<h:form id="form">
<h:inputText value="#{textContentController.searchString}" id="search-input" />
</h:form>
</f:view>
<div class="termin-panel">
<ui:repeat var="termin" value="#{textContentController.termins}">
<div>
<a href="terminology.jsf?id=#{termin.id}">#{termin.name}</a>
</div><br/>
</ui:repeat>
</div>
</div>
<div>
#{textContentController.terminDescription}
</div>
<h:outputScript library="js" name="main.js"/>
Есть скрипт main.js
$(function ()
{
$('#form').children().keyup(function () {
$.post('terminology.jsf', function (data)
{
console.log($(data).find('.termin-panel').html());
$('.termin-panel').empty();
$('.termin-panel').html($(data).find('.termin-panel').html());
});
});
});
При отправке формы в блок .termin-panel загружаются данные из результата с БД в зависимости от того, что было введено в h:inputText. Т.е. осуществляется поиск. Вопрос: как правильно организовать AJAX-загрузку данных при вводе в h:inputText? Почему-то скрипт не не получает новых данных, загружаются те же данные из страницы.