jQuery does not run, but JavaScript does, why?

jQuery does not run, but JavaScript does, why?

Hello, this the current code that I have:

  2. <html>
  3.   <head>
  4.    <title>jQuery Hello World</title>
  5.    <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
  6.   </head>
  7.   <body>
  8.     <script type="text/javascript">
  9.     $(document).ready(function(){
  10.       $("#msgid").html("This is Hello World by JQuery");
  11.     });
  12.     </script>
  13.     <script type="text/javascript">
  14.     document.write("<b>Hello World</b><br><br>");
  15.     </script>
  16.     This is Hello World by HTML
  17.     <div id="msgid">
  18.     </div>
  19.   </body>
  20. </html>
Now, when I run it, this is what I see:


 Hello World

This is Hello World by HTML
 

Why is the jQuery not executing?