Hi all, I have just started using jQuery But I'm not sure if it is working or not. I am trying to hide a dive box as per this tutorial ( https://www.youtube.com/watch?v=hMxGhHNOkCU) but it's not happening - whatever I do.

1. <style>#movebox { width: 100px; height: 100px; border: 5px solid black; position: relative;}</style>
   
2. <div id="movebox"></div>
3. 
   
4. <script>
5. $(document.ready(function() {
6.     $("#movebox").hide(1000);
7. })
8. </script>

Annoyingly jQuery seems to be working and likes this code

2. <script type="text/javascript">
3. if (typeof jQuery != 'undefined') {
4.     $("p").text("jQuery library is loaded!");
5. }else{
6.     alert("jQuery library is not found!");
7. }
8. </script>

Movebox won't hide and I have no idea why. I have tried both of these links on my page:

I would be very grateful for any help.