title: PrimeFaces components don't display while standard JSF components render fine
body: <p>Java EE6/CDI JSF2 Primefaces 3.3.1.  I created a search page with a few cascading dropdowns that are used to generate a table of search results  If I use jsf:</p>
  
  <pre><code>&lt;h:dataTable  var="_employeeVList" value="#{employeeVProducer.employeeVList}"  rendered="#{not empty employeeVProducer.employeeVList}"&gt; 
      &lt;f:facet name="header"&gt;  
          Employee Search Results 
      &lt;/f:facet&gt;
      &lt;h:column&gt;
          &lt;f:facet name="header"&gt;Area&lt;/f:facet&gt;
          &lt;h:outputText value="#{_employeeVList.areaName}" /&gt;
      &lt;/h:column&gt;
      ...
  &lt;/h:dataTable&gt;
  </code></pre>
  
  <p>The table renders with output, html looks normal.  But when I change to primefaces:</p>
  
  <pre><code>&lt;p:dataTable  var="_employeeVList" value="#{employeeVProducer.employeeVList}"  rendered="#{not empty employeeVProducer.employeeVList}"&gt; 
      &lt;f:facet name="header"&gt;  
          Employee Search Results 
      &lt;/f:facet&gt;
      &lt;p:column&gt;
          &lt;f:facet name="header"&gt;Area&lt;/f:facet&gt;
          &lt;h:outputText value="#{_employeeVList.areaName}" /&gt;
      &lt;/p:column&gt;
      ...
  &lt;/p:dataTable&gt;
  </code></pre>
  
  <p>The table doesn't display.  When I look at the source with firebug I see some weirdness with the html:</p>
  
  <pre><code>    &lt;table id="searchForm:results"&gt;
      &lt;tbody&gt;
      &lt;tr&gt;
      &lt;td&gt;
      &lt;p:datatable rendered="true" value="[com.raytheon.myPkg.EmployeeV@f486,                                 com.raytheon.myPkg.EmployeeV@88fe,                              com.raytheon.myPkg.EmployeeV@adaf, 
                                            ...
                                  com.raytheon.myPkg.EmployeeV@6a5b]" 
  var="_employeeVList"&gt;
      &lt;p:column&gt;&lt;/p:column&gt;
      &lt;p:column&gt;&lt;/p:column&gt;
      ...                          
      &lt;/p:datatable&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>The objects are in the tag label, the columns are empty.
  Elsewhere in the page I'm using p:panelGrid, that contains the dropdowns and that displays correctly.</p>
  
  <p>I have h:head and h:body in my default template page.  </p>
  
  <p>The table is backed by a stateful request scoped bean.  </p>
  
  <p>I'm not using any external JavaScript.  </p>
  
  <p>What am I doing wrong?</p>