title: jQuery UI is not loading in jsp
body: <p>I want to include jQuery UI in my jsp page. I tried this</p>
  
  <pre><code>&lt;jsp:root 
      xmlns:jsp="http://java.sun.com/JSP/Page" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      version="2.1" &gt;
  
      &lt;jsp:directive.page 
          contentType="text/html" 
          pageEncoding="UTF-8" /&gt;
  
      &lt;jsp:output
          doctype-root-element="html"
          doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
          doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" /&gt;
  
      &lt;c:url var="cssUrl" value="/resources/css/eAuditStyle.jspx"/&gt;
  
      &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
          &lt;body&gt;                       
              &lt;f:view&gt;                              
                  &lt;h:form&gt;
                      &lt;jsp:include page="topMenu.jspx" flush="true" /&gt;                  
                      &lt;div id="menuBodyContainer" &gt;             
                          &lt;jsp:include page="leftMenu.jspx" flush="true" /&gt;
  
                          &lt;div id="myBody"&gt;
                 &lt;/h:form&gt;             
              &lt;/f:view&gt;          
          &lt;/body&gt;       
      &lt;/html&gt;   
  &lt;/jsp:root&gt;
  </code></pre>
  
  <p>and here is my leftmenu.jsp</p>
  
  <pre><code>&lt;jsp:root 
      xmlns:jsp="http://java.sun.com/JSP/Page" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      version="2.1"&gt;
  
      &lt;jsp:directive.page contentType="text/html" pageEncoding="UTF-8"/&gt;
  
      &lt;f:subview id="leftMenu" &gt;           
          &lt;div id="menu"&gt;               
              &lt;div id="myAccordion"&gt;                  
                  &lt;h2&gt;
                      &lt;a href="#"&gt;Header 1&lt;/a&gt;
                  &lt;/h2&gt;
  
                  &lt;div&gt;
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean 
                  &lt;/div&gt;
  
                  &lt;h2&gt;
                      &lt;a href="#"&gt;Header 2&lt;/a&gt;
                  &lt;/h2&gt;
  
                  &lt;div&gt;
                      Etiam tincidunt est vitae est. Ut posuere, mauris at sodales 
                  &lt;/div&gt;
  
                  &lt;script src="resources/development-bundle/jquery-1.7.2.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" src="resources/development-bundle/ui/jquey.ui.core.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" src="resources/development-bundle/ui/jquery.ui.widget.js"&gt;&lt;/script&gt;
                  &lt;script src="resources/development-bundle/ui/jquery.ui.accordion.js"&gt;&lt;/script&gt;
                  &lt;script&gt;
                      $(function() {
                          $("#myAccordion").accordion();
                      });
                  &lt;/script&gt;                    
              &lt;/div&gt; &lt;!--end of id="myAccordion"  --&gt;                
          &lt;/div&gt; &lt;!--end of menu --&gt;       
  &lt;/f:subview&gt;
  </code></pre>
  
  <p>It only includes jQuery 1.7.2.js. It also include <code>&lt;link rel="stylesheet" href="resources/development-bundle/themes/base/jquery.ui.all.css" /&gt;</code>. I mean path is correct. Why it is not including the other files :(.  Please help.</p>
  
  <p>Thank you.</p>