Java Script Reference to JSF components

[vaitheeswaran subramanian]

I am using JSF Portlet for my portlet project. I am not able to refer to the value of the faces fields through my java script.
This is the form I have
<h:form id="form1" styleClass="form">
<table>
<tbody>
<tr>
<td align="left">UserName:</td>
<td style="width:5px"> </td>
<td><h:inputText id="textUserName1"
value="#{userInfoBean.userName}" styleClass="inputText">
</h:inputText></td>
</tr>
<tr>
<td align="left">Password:</td>
<td style="width:5px"> </td>
<td><h:inputText id="textPassword1"
value="#{userInfoBean.password}" styleClass="inputText">
</h:inputText></td>
</tr>
</tbody>
</table>
<br>
<hx:commandExButton id="button1" styleClass="commandExButton"
type="submit" value="Submit">
<hx:behavior event="onclick" onActionFunction="return #{facesContext.externalContext.response.namespace}func_4(this, event);"></hx:behavior>
</hx:commandExButton>
</h:form>

My question is how would I get the values for text fields textUserName1 & textPassword1 in the java script function func_4(this, event) called when clicking the submit button?