title: How to re-apply JS/jQuery document.ready when a JSF component is re-rendered?
body: <p>I have created a Calendar component and all the JS is applied to it on <code>document.ready</code>. When I do an Ajax call and re-render the component, the JS/JQuery is not there anymore. This can be solved by adding the JS in-line but has a performance overhead. How can I re-apply my JS behaviour after the component is re-rendered? </p>
  
  <p>My generated HTML code looks like this.</p>
  
  <pre><code>&lt;div class="input-append date"&gt;
      &lt;input data-format="dd/MM/yyyy hh:mm:ss" type="text"&gt;&lt;/input&gt;
      &lt;span class="add-on"&gt;
          &lt;i data-time-icon="icon-time" data-date-icon="icon-calendar"&gt; &lt;/i&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks</p>