Strange question mark icons in navbar

Strange question mark icons in navbar

I see strange question mark icons in navbar:



Here is my full source code:

  1. <!DOCTYPE html> 
  2. <html>
  3. <head>
  4. <title>Test Page</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta charset="utf-8"> 
  7. <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  8. <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  9. <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  10. </head>

  12. <body>
  13. <div data-role="page">
  14. <div data-role="navbar">
  15.     <ul>
  16.         <li><a href="#" class="ui-btn-active">One</a></li>
  17.         <li><a href="#">Two</a></li>
  18.         <li><a href="#">Three</a></li>
  19.     </ul>
  20. </div>
  21. </div>
  22. </body>
  23. </html>

I tried that with and without the <meta charset="utf-8"> and it's the same either way. I am using Chrome 61.0.3163.100 (Official Build) (64-bit). This is a bizarre and troubling problem, especially when I'm only using a boilerplate example right off the jquery mobile examples, nothing exotic at all.

I am using Notepad++ as my code editor. I even tried copying into windows notepad, and pasting back, but nothing changed.