title: richfaces page not work when load jquery plugin
body: <p>In my project i use external jquery for create chart. But after use jquery, any action is not work in my project. I load highChart piechart jquery in my project.<br>
  Eventhough i use jQuery.noConflict(). But no use. </p>
  
  <p>I have two static page(parent.jsp, leftsidemenu.jsp) and one dynamic included page(rightside1.jsp, rightside2.jsp.....).
  The parent page have two parts (leftside and rightside). </p>
  
  <p><strong>Step 1</strong> : After i login, some menus appear in leftside  and  Chart displying in right side.(this chart populated by using jQuery.) </p>
  
  <p><strong>Step 2 :</strong> If i click menu in leftside, then dynamically change occur in right side part.<br>
           But after i use the jquery, the leftsidemenu action is not work.<br>
           If i click any menu in leftside, then it's not going to backing bean action.</p>
  
  <p><strong>parent.jsp</strong></p>
  
  <pre><code>&lt;%@page contentType="text/html" pageEncoding="UTF-8"%&gt;
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd"&gt;
  
  &lt;%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %&gt;
  &lt;%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%&gt;
  &lt;%@ taglib uri="http://richfaces.org/rich" prefix="rich"%&gt;
  &lt;html&gt;
  &lt;f:view&gt;
      &lt;head&gt;           
          &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;                                   
      &lt;/head&gt;
      &lt;body id="parentBody"&gt;
  
          &lt;rich:page id="parentRichPage" sidebarPosition="left" sidebarWidth="260"&gt;
  
              &lt;f:facet name="sidebar"&gt;
                  &lt;a4j:outputPanel id="sideBarOutputPanelId"&gt;                       
                     &lt;!-- Left side menuse --&gt;
                     &lt;jsp:include page="leftsidemenu.jsp"  flush="true" /&gt;                                       
                  &lt;/a4j:outputPanel&gt;
              &lt;/f:facet&gt;
  
              &lt;rich:layout&gt;
                  &lt;rich:layoutPanel position="center" width="70*"&gt;                        
                      &lt;a4j:outputPanel id="rightSidePanelId"&gt;
  
                          &lt;f:verbatim&gt;
                              // Here dynamic include the page depend upon leftside menu clicked
                              &lt;jsp:include page="${ParentBean.rightSidePage}" flush="true"/&gt;   
                          &lt;/f:verbatim&gt;
  
                      &lt;/a4j:outputPanel&gt;                       
                  &lt;/rich:layoutPanel&gt;
              &lt;/rich:layout&gt;              
  
          &lt;/rich:page&gt;
      &lt;/body&gt;
  &lt;/f:view&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>leftsidemenu.jsp</strong></p>
  
  <pre><code>&lt;rich:panelMenuGroup id="leftSideLink" label="leftside1"&gt;                           
          &lt;a4j:support action="#{LeftSideBean.showRightSidePieAction1}"
                       event="onclick" 
                       reRender="rightSidePanelId"/&gt;
  
         &lt;rich:panelMenuItem id="leftSide2"&gt;
               &lt;a4j:commandLink id="leftSideMenuLink2"
                                value="ShowPage2"
                                action="# {LeftSideBean.showRightSideAction2}"                         
                                reRender="rightSidePanelId"/&gt; 
         &lt;/rich:panelMenuItem&gt;
  
         &lt;rich:panelMenuItem id="leftSide3"&gt;
               &lt;a4j:commandLink id="leftSideMenuLink3"
                                value="ShowPage3"
                                action="# {LeftSideBean.showRightSideAction3}"                         
                               reRender="rightSidePanelId"/&gt; 
         &lt;/rich:panelMenuItem&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>rightside1.jsp</strong><br>
   This page have one chart using jquery.</p>
  
  <pre><code>&lt;%@page contentType="text/html" pageEncoding="UTF-8"%&gt;
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd"&gt;
  
  &lt;%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %&gt;
  &lt;%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%&gt;
  &lt;%@ taglib uri="http://richfaces.org/rich" prefix="rich"%&gt;
  
  &lt;f:subview id="rightSide1SubviewId"&gt;   
   &lt;f:verbatim&gt;&lt;html&gt;       
   &lt;head&gt;
              &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  
              &lt;a4j:loadScript src="../../scripts/jquery-1.3.2.min.js"/&gt;
              &lt;a4j:loadScript src="../../scripts/jquery.min.js"/&gt;
              &lt;a4j:loadScript src="../../scripts/highcharts.js"/&gt;
  
              &lt;script type="text/javascript"&gt;
  
                  jQuery.noConflict();
  
                  $(document).ready(function()
                  {                       
                        // Here i already wrote a script for loading chart.          
                  });
  
              &lt;/script&gt;
  
          &lt;/head&gt;
          &lt;body&gt;
          &lt;/f:verbatim&gt;
  
          &lt;a4j:outputPanel id="rightSideChartPanel"&gt;
              &lt;rich:simpleTogglePanel id="toggleId" switchType="client" label="Charte Management" &gt;
  
                      &lt;div id="container" style="width: 350px; height: 250px; margin: 0 auto"&gt;&lt;/div&gt;
  
              &lt;/rich:simpleTogglePanel&gt;
          &lt;/a4j:outputPanel&gt;
  
          &lt;f:verbatim&gt;
          &lt;/body&gt;
      &lt;/f:verbatim&gt;
  &lt;/f:subview&gt;
  &lt;f:verbatim&gt;
  </code></pre>
  
  <p></p>