<h:form styleClass="form-horizontal">
<fieldset>
<legend>Entar em contato</legend>
<div class="control-group">
<h:outputLabel styleClass="control-label" value="Assunto"/>
<div class="form-inline controls">
<p:selectOneMenu id="cpAssunto" value="#{contatoController.contato.assuntoContato}">
<f:selectItems value="#{contatoController.tipoContato}"/>
<p:ajax event="change" action="#{contatoController.changeComboAssunto}" update="assuntoExtra" />
</p:selectOneMenu>
</div>
</div>
<div id="assuntoExtra" class="control-group" >
<h:outputLabel styleClass="control-label" value="Qual?" rendered="#{contatoController.exiberCampoExtra}"/>
<div class="controls">
<p:inputText value="#{contatoController.contato.tipoContanto}" rendered="#{contatoController.exiberCampoExtra}" />
</div>
</div>
<div class="control-group" id="assuntoExtra">
<h:outputLabel styleClass="control-label" value="Qual?" rendered="#{contatoController.exiberCampoExtra}"/>
<div class="controls">
<p:inputText value="#{contatoController.contato.tipoContanto}" rendered="#{contatoController.exiberCampoExtra}" />
</div>
</div>
<div class="control-group">
<h:outputLabel styleClass="control-label" value="Email"/>
<div class="controls">
<p:inputText value="#{contatoController.contato.email}" required="true"/>
</div>
</div>
<div class="control-group">
<h:outputLabel styleClass="control-label" value="Descrição"/>
<div class="controls">
<p:inputTextarea rows="10" styleClass="input input-xlarge" value="#{contatoController.contato.texto}" required="true" />
</div>
</div>
<div class="form-actions">
<p:commandButton type="submit" value="Enviar" styleClass="btn btn-primary"/>
<p:commandButton type="reset" value="Limpar" styleClass="btn" style="margin-left: 10px;"/>
</div>
</fieldset>
</h:form>
quando executo esse codigo ele apresenta o seguinte erro
javax.faces.FacesException: Cannot find component with identifier "assuntoExtra" in view.
a questao que se vcs olharem o codigo existe um div com esse id e emtaum por que ele da esse erro, obrigado pela ajuda desde ja