title: Integrate JQuery with Richfaces
body: <p>im newbie in the world of Js , my Jquery doesn't work with richfaces. I want to do something like this : <a href="http://jsfiddle.net/bFuEv/" rel="nofollow">http://jsfiddle.net/bFuEv/</a> .</p>
  
  <p>This is my code in my xhtml file : </p>
  
  <pre><code>&lt;!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:s="http://jboss.com/products/seam/taglib"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"&gt;
  
  
  
      &lt;script type="text/javascript"&gt;
          $("himessage").hide();
  
          $("#name").focus(function(){
           $("himessage").show();    
          });
          $("#name").blur(function(){
               $("himessage").hide();    
          });
      &lt;/script&gt;
  
      &lt;rich:panel&gt;
          &lt;h:form&gt;
              &lt;label&gt;Name: &lt;/label&gt;
              &lt;h:outputText id="himessage" value="Hi" /&gt;
              &lt;h:inputText id="name" class="editable" type="text"
                  onfocus="this.value=''" name="name" value="#{loginAction.username}" /&gt;
          &lt;/h:form&gt;
      &lt;/rich:panel&gt;
  &lt;/ui:composition&gt;   
  </code></pre>
  
  <p>How can integrate this jquery code in my page?</p>