AJAX JSF h:inputText

Есть 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? Почему-то скрипт не не получает новых данных, загружаются те же данные из страницы.