title: JSF using UTF-8 not working with letters with accents
body: <p>So basically my problem is that I have an ArrayList of Strings containing words with accents on some of  letters.
  When I get the values of this ArrayList to display as a dropdown menu on the xhtml, I get the values correctly with the accents and everything, however, when I try to submit the string I've selected, I get this error: Validation Error: Value is not valid.</p>
  
  <p>The encoding of the xhtml page is this: <code>&lt;?xml version='1.0' encoding='UTF-8' ?&gt;</code>.</p>
  
  <p>When I select a word that has no accents, everything works as planned.</p>
  
  <p>What am I supposed to do to fix this problem? Thanks.</p>
  
  <p>Edit: As requested, here's the code :</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:p="http://primefaces.org/ui"
        xmlns:c="http://java.sun.com/jsp/jstl/core"
        xmlns:f="http://java.sun.com/jsf/core"&gt;
      &lt;h:head&gt;
          &lt;h:outputStylesheet library="css" name="tablestyle.css"  /&gt;
          &lt;h:outputStylesheet library="css" name="pagestyle.css"  /&gt;
          &lt;h:outputScript library="js" name="common.js" /&gt;
          &lt;h:outputScript library="js" name="jquery-ui-1.10.3.custom.js"/&gt;  
          &lt;h:outputScript library="js" name="jquery-ui-1.10.3.custom.min.js"/&gt;  
          &lt;h:outputScript library="js" name="jquery-1.9.1.js" /&gt;
      &lt;/h:head&gt;
      &lt;h:body&gt; 
          &lt;div id="menu"&gt;
              &lt;c:if test="#{SfpExposerBean.dataToRepresent == 'HelpRequest'}" &gt;
                  &lt;h:form id="assistancerequest"&gt;
                      &lt;p:poll interval="10" update="assistancerequest" /&gt; 
                      &lt;br/&gt;&lt;br/&gt;
                      &lt;h:selectOneMenu value="${SfpExposerBean.entrPlat}" style="width: 100px" &gt;
                          &amp;nbsp;&amp;nbsp;&amp;nbsp;
                          &lt;h:outputText value="Plat origem:" /&gt;&amp;nbsp;&amp;nbsp;
                          &lt;c:forEach items="${SfpExposerBean.plats}" var="entrplat"&gt;
                              &lt;f:selectItem itemValue="${entrplat}" /&gt;
                          &lt;/c:forEach&gt;
                      &lt;/h:selectOneMenu&gt;
                      &lt;h:commandButton value="Ok" action="#{SfpExposerBean.setHelpRequests()}" style="width: 200px" id="submitAssistance" /&gt;
                  &lt;/h:form&gt;
              &lt;/c:if&gt;
          &lt;/div&gt;
          &lt;div id="collapse" onclick="toggle();" /&gt;
     &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>