managed bean in JSF.

I have defined a message bean in the JSF example I use to simply store the Login name and password values to be displayed on the navigated next page. My problem is even though there is no complication error. Only NULL gets set and returned. I have tried to debug and check if the setfunction is called, and it does but with null values and not with the actual text box values.

See below - faces-config.xml

<faces-config version="1.2" xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xi="http://www.w3.org/2001/XInclude"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd">
 <managed-bean>
  <description>Just to track the credentials.</description>
  <managed-bean-name>credentials</managed-bean-name>
  <managed-bean-class>org.bucket.web.Credentials</managed-bean-class>
  <managed-bean-scope>request</managed-bean-scope>
  <managed-property>
   <property-name>pWord</property-name>
   <property-class>java.lang.String</property-class>
   <value/>
  </managed-property>
  <managed-property>
   <property-name>uName</property-name>
   <property-class>java.lang.String</property-class>
   <value/>
  </managed-property>
 </managed-bean>
 <navigation-rule>
  <description>Navigation of JSF</description>
  <from-view-id>/index.jsp</from-view-id>
  
  <navigation-case>
   <description>Navigation link</description>
   <from-outcome>navigate</from-outcome>
   <to-view-id>/in.jsp</to-view-id>
  </navigation-case>
 </navigation-rule>
 <application>
  <resource-bundle>
   <display-name>messages</display-name>
   <base-name>lclzd_messages_en</base-name>
   <var>msg</var>
  </resource-bundle>
 </application>
</faces-config>

and the login page looks like

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%><%@taglib
	uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome</title>
</head>
<body>

<f:view>
	<h:outputLabel value="#{msg.title}"></h:outputLabel>
	<br>
	<h:panelGrid border="1" columns="2" bgcolor="grey">

<h:outputLabel value="#{msg.username}"></h:outputLabel>
		<h:form>
			<h:inputText id="uName" value="#{credentials.uName}"></h:inputText>
		</h:form>

<h:outputLabel value="#{msg.password}"></h:outputLabel>
		<h:form>
			<h:inputSecret id="pWord" value="#{credentials.pWord}"></h:inputSecret>
		</h:form>
		<h:form>
			<h:commandButton id="navigate" action="navigate" value="#{msg.login}">
			</h:commandButton>
		</h:form>
	</h:panelGrid>
</f:view>
</body>
</html>

and the navigated page is simply

I know I am wrong somewhere, but just seem to oblivious to it. Any help?

You need to put the inputText components and the command button in the same form, otherwise the variables in the bean won't be set.
(as an alternative you may use a value change listener)

Thanks!