Cannot use "jquery" in directory name/url?

Cannot use "jquery" in directory name/url?

I am starting with a simple empty template (see below). 

Took me 2 hours discover a strange issue through various trial-and-error tests. Note the script tag src attribute is using "/libs/ jquer/...". This is a deliberate misspelling missing the "y".

The moment I switch the directory name (and thus URL path) to "/libs/ jquery/..." and update the src attribute accordingly, the whole jQuery Mobile page formatting will fail.

Is there a strange path or filename parsing issue? Did I break certain assumption or path/filename convention required in jQuery Mobile?

  2. <!DOCTYPE html> 
  3. <html>
  4. <head>
  5. <title>Application Name - jQM Template</title>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <link rel="stylesheet" href="/libs/jquer/mobile/themes/default/jquery.mobile.min.css" />
  10. <script lang="text/javascript" src="/libs/jquer/jquery.min.js"></script>
  11. <script lang="text/javascript" src="/libs/jquer/jquery.mobile-1.4.5.min.js"></script>
  12. </head>

  14. <body>
  15. <div data-role="page">
  16. <div data-role="header">
  17. <h1>Page 1</h1>
  18. </div>
  19. <div role="main" class="ui-content">...</div>
  20. <div data-role="footer">
  21. <h4>Page Footer 1</h4>
  22. </div>
  23. </div>
  24. </body>
  25. </html>