title: How to update via <p:ajax event="filter"?
body: <p>I am unable to update input text with the globalFilter data.</p>
  
  <p>I can see the globalFilter value in the bean and I also check  with Firebug that I am using the correct id but still the play value is empty.</p>
  
  <pre><code>&lt;p:dataTable id="osTable"       
                   var="object" 
                   value="#{bean.lazyModel}" 
                   selection="#{bean.selectedObject}" 
                   selectionMode="single"
                   rowKey="#{object.ID}"
                   paginator="true"
                   paginatorPosition="bottom"
                   paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                   rowsPerPageTemplate="5,10,15"
                   rows="10"
                   widgetVar="tableWidgetVar"&gt;
          &lt;p:ajax event="filter" listener="#{bean.onFilter}" update="osTable:play"/&gt;
          &lt;f:facet name="header"&gt;  
              &lt;p:outputPanel id="panel" style="float: left"&gt;
                  &lt;h:panelGrid columns="3"&gt;
                      &lt;p:inputText id="globalFilter" onkeypress="if (event.keyCode == 13) {tableWidgetVar.filter()}" style="width: 100px"/&gt;
                      &lt;p:commandButton value="Clear Filter" ajax="true" action="#{bean.update}" onclick="document.getElementById('osTable:globalFilter').value = ''"/&gt;
                  &lt;/h:panelGrid&gt;
              &lt;/p:outputPanel&gt;  
              &lt;h:inputText id="play" value="#{bean.filter}"/&gt;
          &lt;/f:facet&gt; 
  </code></pre>
  
  <p>Any idea why ?</p>
  
  <p>Thanks</p>