title: Composite components & ID
body: <p>I want to implement some javas cript into my JSF composite component, but I have problem with id. My java script with:</p>
  
  <pre><code>document.getElementById("myForm:customerId")
  </code></pre>
  
  <p>does not work, because the id is wrong. I have JSF composite component:</p>
  
  <pre><code>&lt;composite:implementation&gt;
      &lt;div id="element_customer"&gt;
          &lt;h2 class="element_title"&gt;Customer&lt;/h2&gt;
          &lt;h:form id="myForm"&gt;
              &lt;h:inputText id="customerId" value="#{cc.attrs.customerId}"/&gt;
          &lt;/h:form&gt;
      &lt;/div&gt;
  &lt;/composite:implementation&gt;
  </code></pre>
  
  <p>and HTML output is:</p>
  
  <pre><code>&lt;div id="element_customer"&gt;
      &lt;h2 class="element_title"&gt;Customer&lt;/h2&gt;
      &lt;form id="j_idt44:myForm" name="j_idt44:myForm" method="post" ... &gt;
          &lt;input type="hidden" name="j_idt44:myForm" value="j_idt44:myForm" /&gt;
          &lt;input id="j_idt44:myForm:customerId" ... name="j_idt44:myForm:customerId" /&gt;
      &lt;/form&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Why is "j_idt44" used in HTML output?</p>