title: CSS styles and Jquery do not get applied to jsp:include file
body: <p>I am using eclipse and Tomcat 7. </p>
  
  <p>I have an index.jsp page. In the index.jsp file, I include login.jsp file using jsp:include tag. when I first run the application, the page gets rendered as expected. </p>
  
  <p>But when I click on the link in the page that points back to the same index.jsp page, the rendering of the page breaks. Basically the CSS and jquery seems to be gone. Why does this happen and what can I do to fix this? </p>
  
  <p><strong>index.jsp</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /&gt;
  &lt;link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" /&gt;
  &lt;script src="js/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/slide.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;jsp:include page="../pages/login.jsp"&gt;&lt;/jsp:include&gt;
      &lt;br&gt;&lt;br&gt;&lt;br&gt;
      &lt;div&gt;
          &lt;a href="pages/index.jsp"&gt;Login&lt;/a&gt;
      &lt;/div&gt;  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Initially, when the application is started, Gets rendered well as follows:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/vNSDg.jpg" alt="enter image description here"></p>
  
  <p><strong>After I click on the "Login" link.</strong> 
  <img src="https://i.stack.imgur.com/owSej.jpg" alt="enter image description here"></p>
  
  <p><strong>My file structure:</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/2Q6cw.jpg" alt="enter image description here"></p>