title: How do I reference my javascript files with this folder structure?
body: <p>This is a very simple thing that I can't seem to get to work.  What is the correct way for referencing my resources folder in my script and link tags?  Is there a trick to this since my URLs are mapped to Spring resources?  Do I have to do anything special since my resources folder isn't in my WEB-INF folder?  Do I need to move it into the WEB-INF folder?  If I do move it there, how would it be referenced inside the WEB-INF folder.  I have tried everything I can think of, including....</p>
  
  <p>With folder in current position - </p>
  
  <pre><code>/WebContent/resources/scripts/jquery-1.6.1.min.js
  /resources/scripts/jquery-1.6.1.min.js
  ../resources/scripts/jquery-1.6.1.min.js
  ../../resources/scripts/jquery-1.6.1.min.js
  /../resources/scripts/jquery-1.6.1.min.js
  /../../resources/scripts/jquery-1.6.1.min.js
  </code></pre>
  
  <p>With folder inside WEB-INF -</p>
  
  <pre><code>/resources/scripts/jquery-1.6.1.min.js
  ../resources/scripts/jquery-1.6.1.min.js
  ../../resources/scripts/jquery-1.6.1.min.js
  /../resources/scripts/jquery-1.6.1.min.js
  /../../resources/scripts/jquery-1.6.1.min.js
  </code></pre>
  
  <p>Are any of these right?</p>
  
  <p>I'm getting this in my console when I use 'resources/scripts/jquery-1.6.1.min.js' -</p>
  
  <pre><code>May 23, 2011 11:30:19 AM org.springframework.web.servlet.DispatcherServlet     noHandlerFound
  WARNING: No mapping found for HTTP request with URI 
  [/ProjectName/resources/styles/global.css] in DispatcherServlet with name 'spring'
  </code></pre>
  
  <p>home.jsp -</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;
    title goes here
  &lt;/title&gt;
      &lt;script type="text/javascript" src="/WebContent/resources/scripts/global.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/WebContent/resources/scripts/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="/WebContent/resources/styles/global.css" media="screen" /&gt;
      &lt;script type="text/javascript"&gt;
        $(document).ready(
          function(){
          alert('hello');
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      ${message}
      &lt;input id="inputField"&gt;&lt;/input&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OqXg4.gif" alt="enter image description here"></p>