title: Include JS files in a xhtml file that was included using ui:include
body: <p>I will ilustrate my question using an example:</p>
  
  <p>outerfile.xhtml:</p>
  
  <pre><code>&lt;h:head&gt;
      &lt;h:outputScript library="js" name="jquery-1.6.2.js" /&gt;
      &lt;h:outputScript library="js" name="outer.js" /&gt;
  &lt;/h:head&gt;
  
  &lt;h:body&gt;
      &lt;h:panelGroup id="inner_panel"&gt;
        &lt;ui:include src="innerfile.xhtml" /&gt;
      &lt;/h:panelGroup&gt;
  &lt;/h:body&gt;
  </code></pre>
  
  <p>innerfile.xhtml:</p>
  
  <pre><code>&lt;ui:composition ... &gt;
      &lt;h:head&gt;
          &lt;h:outputScript library="js" name="jquery-1.6.2.js" /&gt;
          &lt;h:outputScript library="js" name="inner.js" /&gt;
      &lt;/h:head&gt;
  
      &lt;h:body&gt;
          &lt;h:panelGroup&gt;
            I Am Text in The Inner File!
          &lt;/h:panelGroup&gt;
      &lt;/h:body&gt;
  &lt;/ui:composition&gt;
  </code></pre>
  
  <p>My questions:</p>
  
  <ol>
  <li>Is it okay to declare the <code>js</code> files in the inner file the way I did?</li>
  <li>Do I need (And Should I) declare the common (<code>jquery-1.6.2.js</code>) again in the inner file?</li>
  <li>What happens if I un-render and the re-render <code>inner_panel</code> using AJAX? Will the inner-included headers be reloaded?</li>
  </ol>