jQuery just isn't operating...
I am new to jQuery and Javascript but I have a firm understanding of it's fundamentals (at least I think I do). I put together a basic Test Page to see if the functionality would work, but it is not.
This is what I wrote:
<!DOCTYPE html>
<head>
<title> test page </title>
<style>
#box {
height: 100px;
width: 100px;
background-color: #0000ff;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$ (document) .ready(function() {
$ ('#box') .click(function() {
$ ('#box') .fadeout();
});
});
</script>
</head>
<body>
<div id="box"> </div>
</body>
</html>
The box just sits there and does nothing. Does anyone have any input? It would be greatly appreciated. Is it possible that it has something to do with the settings for my host or am I just making a mistake.
Thanks