title: jQuery Not Setting CSS Cursor Property
body: <p>I tried to use jQuery so I can make the cursor a pointer but it doesn't work.  Basically jQuery doesn't work and I don't know what to do because I really tried everything and checked twice.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="ShowMeHowMainPageCSS.css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class = "Parts" id = "part1"&gt;News Feed&lt;/div&gt;
  &lt;div class = "Parts" id = "part2"&gt;Blog&lt;/div&gt;
  &lt;div class = "Parts" id = "part3"&gt;Video&lt;/div&gt;
  &lt;div class = "Parts" id = "part4"&gt;My Profile&lt;/div&gt;
  &lt;div id = "menu"&gt;
      &lt;div id = "newsFeedMenu" class = "circle"&gt;&lt;/div&gt;
      &lt;div id = "BlogMenu" class = "circle"&gt;&lt;/div&gt;
      &lt;div id = "videoToturialsMenu" class = "circle"&gt;&lt;/div&gt;
      &lt;div id = "MyProfileMenu" class = "circle"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $(document).ready(function(){
  
  $('.circle').hover(function(){
      $(this).css('cursor','pointer');
      $('#menu').css('opacity','1');
  });
  
  });
  &lt;/script&gt;
  
  &lt;script type ="text/javascript" src = "jQueryF.js"&gt;&lt;/script&gt;
  &lt;script type ="text/javascript" src = "showMeHowJQUERY.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>