Problème dans h:form

Bonsoir à tous
où est le problème dans ce code

je veux quand je clic sur selectOneMenu le contenu de inputtext1 s'affiche dans inputtext2

j'ai fait un script
et il marche bien
mais quand je mets mes composant dans <h:form
le script ne fonctionne plus

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
 
 
<f:view>
  <html>
 
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<meta http-equiv="refresh" content="100">
<script language='javascript'> 
 
 
function Rech(select) {
 document.hh.Affect1.value =document.hh.Affect.value ;
 
	}
</script> 
</head>
<body   link="#FFFFFF" ALINK="#FFFFFF" >
 
        <h:form id="hh">  
        <h:selectOneMenu id="remarques" onchange="Rech(this)">
<f:selectItem itemValue="..." itemLabel="..." />
<f:selectItem itemValue="aa." itemLabel="aa"/>
</h:selectOneMenu>
<h:outputText styleClass="outputText" value="remarque :" />
<h:inputText styleClass="inputText" id="Affect" size="75"  />
<h:inputText styleClass="inputText" id="Affect1" size="75"  />
        </h:form>   
 
 
 
</body>
</html>
 
</f:view>

Merci