title: Component ID has already been found in the view when using datatable with binding and Session Scoped
body: <p>I have a XHTML page which on submission goes back to itself.
  The backing bean is session scoped. On the redirect to itself the page renders the h:datatable twice and gives me duplicate id error.I can visually see the table being rendered twice as well next to each other.</p>
  
  <p>** xhtml page :**</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &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"&gt;
  
                  &lt;f:view&gt;
                  &lt;h:form  &gt;
  
                  &lt;h:dataTable binding="#{ecole.dataTable}" value="#{ecole.getEcoleList()}" var="c"
                  border="0" width="100%" cellpadding="0" cellspacing="0" 
                  styleClass="order-table"
                  headerClass="order-table-header"
                  rowClasses="order-table-odd-row,order-table-even-row"
              &gt;
  
                          &lt;h:column&gt;
                              &lt;f:facet name="header"&gt;
                                  ID
                              &lt;/f:facet&gt;
                                  #{c.idEcole}
                          &lt;/h:column&gt;
                          &lt;h:column&gt;
                              &lt;f:facet name="header"&gt;
                                  Nom
                              &lt;/f:facet&gt;
                                  #{c.nomEcole}
                          &lt;/h:column&gt;
  
                          &lt;h:column&gt;
                              &lt;f:facet name="header"&gt;
                                  Description
                              &lt;/f:facet&gt;
                                  #{c.desc_ecl}
                          &lt;/h:column&gt;
                          &lt;h:column&gt;
                               &lt;f:facet styleclass="options-width" name="header"&gt;
                                          Options
                               &lt;/f:facet&gt;
                               &lt;h:commandLink action="#{ecole.editEcoleItem()}" title="Edit" &gt;
                                  &lt;h:graphicImage style="border:0" url="/icones/b_edit.png" /&gt;
                               &lt;/h:commandLink&gt;
                               &amp;#xa0;&amp;#xa0;&amp;#xa0;
                               &lt;h:commandLink title="Delete" 
                               onclick="return confirm('Voulez-vous confirmer la suppression?') ;" 
                                   action="#{ecole.deleteEcole(c)}"
                               &gt;
                                &lt;h:graphicImage style="border:0" url="/icones/b_drop.png" /&gt;
                               &lt;/h:commandLink&gt;
                          &lt;/h:column&gt;
  
          &lt;/h:dataTable&gt;
                  &lt;!--  end product-table................................... --&gt; 
                  &lt;/h:form&gt;
                  &lt;/f:view&gt;
  </code></pre>
  
  <p>this is error message shown :</p>
  
  <pre><code> java.lang.IllegalStateException: Component ID j_id15:j_id16:j_id29 has already been found in the view.  See below for details.
      +id: null
       type: javax.faces.component.UIViewRoot@1abe6f6
        +id: javax_faces_location_HEAD
         type: javax.faces.component.UIPanel@c84a5d
          +id: j_id4
           type: javax.faces.component.UIOutput@18a5776
          +id: j_id22
           type: javax.faces.component.UIOutput@1742dcc
        +id: j_id19
         ...
  </code></pre>