title: Cannot find component with identifier
body: <p>I want to update the <code>resultMediaTable</code> in the p:commandButton I added <code>update=&quot;:mediaSelectForm:resultMediaTable&quot;</code> but I got error :</p>
  <pre><code>java.lang.RuntimeException: javax.servlet.ServletException: Cannot find component with identifier &quot;:mediaSelectForm:resultMediaTable&quot; referenced from &quot;mainForm:mediaSearchForm:searchButton&quot;.
  </code></pre>
   
  <pre><code>&lt;!DOCTYPE composition PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
  &lt;ui:composition xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:ui=&quot;http://java.sun.com/jsf/facelets&quot; xmlns:h=&quot;http://java.sun.com/jsf/html&quot;
      xmlns:f=&quot;http://java.sun.com/jsf/core&quot; xmlns:p=&quot;http://primefaces.org/ui&quot;&gt;
      &lt;p:dialog id=&quot;mediaSelectDialog&quot; header=&quot;#{ui['action.search']} #{ui['media.title1']}&quot; widgetVar=&quot;mediaDialog&quot; resizable=&quot;false&quot; modal=&quot;true&quot;
          styleClass=&quot;searchDialog&quot;&gt;
          &lt;h:form id=&quot;mediaSearchForm&quot;&gt;
              &lt;p:inputText id=&quot;searchInput&quot; value=&quot;#{mediaAssigner.mediaSearchQuery}&quot; /&gt;
              &lt;p:watermark for=&quot;searchInput&quot; value=&quot;#{ui['shared.name']}&quot; /&gt;
              &lt;p:commandButton id=&quot;searchButton&quot; value=&quot;#{ui['action.search']}&quot; actionListener=&quot;#{mediaAssigner.searchMediaVideos}&quot;
                  update=&quot;:mediaSelectForm:resultMediaTable&quot; icon=&quot;ui-icon-search&quot; process=&quot;@parent&quot; /&gt;
          &lt;/h:form&gt;
          &lt;h:form id=&quot;mediaSelectForm&quot;&gt;
              &lt;p:dataTable id=&quot;resultMediaTable&quot; var=&quot;media&quot; value=&quot;#{mediaAssigner.resultMedia}&quot; paginator=&quot;true&quot; rows=&quot;10&quot;
                  selection=&quot;#{liveStreamController.liveStream.media}&quot; rowKey=&quot;#{media.id}&quot; paginatorPosition=&quot;bottom&quot; selectionMode=&quot;single&quot;&gt;
                  &lt;p:column headerText=&quot;#{ui['shared.id']}&quot; style=&quot;width: 20%&quot;&gt;
                 #{media.id}
              &lt;/p:column&gt;
                  &lt;p:column headerText=&quot;#{ui['shared.name']}&quot;&gt;
                 #{media.name}
              &lt;/p:column&gt;
                  &lt;f:facet name=&quot;footer&quot;&gt;
                      &lt;p:commandButton value=&quot;#{ui['liveStream.assignMedia']}&quot; update=&quot;:mainForm:mediaText :mainForm:runtime :mainForm:addMedia&quot;
                          oncomplete=&quot;mediaDialog.hide()&quot; process=&quot;resultMediaTable&quot; actionListener=&quot;#{mediaAssigner.onMediaAssigned(liveStreamController.liveStream)}&quot; /&gt;
                  &lt;/f:facet&gt;
              &lt;/p:dataTable&gt;
          &lt;/h:form&gt;
      &lt;/p:dialog&gt;
  &lt;/ui:composition&gt;
  </code></pre>