title: JSF <f:facet> contents not rendered
body: <p>I have a page where I need to nest some components inside a <code>&lt;f:facet name="last&gt;</code>, in order to apply custom styles (I'm using Primefaces and this is their their way of handling CSS priority ordering as mentioned <a href="http://blog.primefaces.org/?p=1433" rel="nofollow">here</a>). But I'm not able to render anything placed inside the <code>&lt;f:facet&gt;</code> tags.</p>
  
  <p>Here's some sample code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"&gt;
  &lt;h:head&gt;
      &lt;title&gt;TODO supply a title&lt;/title&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
      &lt;div&gt;
          &lt;h:form&gt;
              &lt;h:outputLabel for="loginField" value="Login:" styleClass="form-label"/&gt;
              &lt;p:inputText id="loginField" value="#{subscriptionBean.login}" styleClass="form-field"/&gt;
              &lt;f:facet name="last"&gt;
                  &lt;h:outputLabel for="pwd2" value="Password:" styleClass="form-label"/&gt;
                  &lt;p:password id="pwd2" value="#{subscriptionBean.password}" required="true" match="pwd1" styleClass="form-field"/&gt;
                  &lt;p:message for="pwd2" display="text" styleClass="form-field"/&gt;
              &lt;/f:facet&gt;
          &lt;/h:form&gt;
      &lt;/div&gt;        
  &lt;/h:body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Shouldn't I be able to see the password input field in the generated page? It simply doesn't show up.</p>
  
  <p>Following starf's answer here's some sample code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"&gt;
  &lt;h:head&gt;
      &lt;f:facet name="last"&gt;
          &lt;h:outputStylesheet library="css" name="default.css"/&gt;
      &lt;/f:facet&gt;
  &lt;/h:head&gt;
  
  &lt;h:body&gt;
          &lt;h:outputText value="Rendered text!"/&gt;
          &lt;h:form&gt;
              &lt;h:outputLabel for="pdw1" value="Password: "/&gt;
              &lt;p:password id="pwd1" required="true"/&gt;
              &lt;p:message for="pwd1"/&gt;
          &lt;/h:form&gt;
  
  &lt;/h:body&gt;
  </code></pre>
  
  <p></p>
  
  <p>And the resulting rendered page header:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;link type="text/css" rel="stylesheet" href="/AquitelManagement/faces/javax.faces.resource/default.css?ln=css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="/AquitelManagement/faces/javax.faces.resource/primefaces.css?ln=primefaces&amp;amp;v=5.0.RC2" /&gt;
  &lt;script type="text/javascript" src="/AquitelManagement/faces/javax.faces.resource/jquery/jquery.js?ln=primefaces&amp;amp;v=5.0.RC2"&gt;    
  &lt;/script&gt;&lt;script type="text/javascript" src="/AquitelManagement/faces/javax.faces.resource/jquery/jquery-plugins.js?ln=primefaces&amp;amp;v=5.0.RC2"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript" src="/AquitelManagement/faces/javax.faces.resource/primefaces.js?ln=primefaces&amp;amp;v=5.0.RC2"&gt;
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;...
  </code></pre>