Jquery doesn't work?

Jquery doesn't work?

Hi everyone, i'm new in this stuff, and i can't find what is going on wrong! here are the codes:

HTML : 

<!DOCTYPE html>
<html>
<head>
<title>¡Mira esto!</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='script.js'></script>
</head>
<body>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
</body>
</html>


CSS:

div {
    height: 100px;
    width: 100px;
    background-color: #4ECDC4;
    border-radius: 5px;
    display: inline-block;
}

JS:

$(document).ready(function() {
    $('div').click(function() {
        $(this).fadeOut('slow');
    });
});



I'LL LOVE ANYONE IF YOU ANSWER THIS!