title: JSF/PrimeFaces ajax updates breaks jQuery event listener function bindings
body: <p>I am registering a <code>change</code> event listener for every <code>input</code> in the HTML using jQuery as below:</p>
  
  <pre><code>&lt;h:head&gt;
      &lt;script type="text/javascript"&gt;
          //&lt;![CDATA[
          $(document).ready(function(){
              $(':input').each(function() {
                  $(this).change(function() {
                      console.log('From docReady: ' + this.id);
                  });
              });
          });
  
          function changeHandler() {
              console.log("from changeHandler");
          }
          //]]&gt;
      &lt;/script&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
      &lt;h:form id="topForm"&gt;
          &lt;p:commandButton id="myButton" value="update"
                           action="#{testBean.submit}"
                           partialSubmit="true" process=":myForm:panel"
                           update=":myForm:panel" /&gt;
      &lt;/h:form&gt;
      &lt;h:form id="myForm"&gt;
          &lt;p:panel id="panel"&gt;
              &lt;p:inputTextarea id="myTextarea"
                               value="#{testBean.val}"
                               onchange="changeHandler();"/&gt;
          &lt;/p:panel&gt;
      &lt;/h:form&gt;
  &lt;/h:body&gt;
  </code></pre>
  
  <p>Both <code>change</code> events are being triggered if the user changes the content of <code>myTextarea</code>. However after pressing the update button, which partially updates the <code>myTextarea</code>, only the changeHandler is triggering afterwards. The event bound in <code>$(document).ready()</code> is not triggering anymore. </p>
  
  <p>Is this PrimeFaces related and/or an expected behavior? If yes then how can I ensure to trigger the second event without rerunning document ready script again.</p>