Ciao a tutti,
voglio fare un semplice esercizio usando jquery cioè vorrei far sparire un elemento div.
Ho provato a farlo sparire con .hide ma questo non succede.
Posto qua sotto il mio codice così mi potete dire cosa ho sbagliato:



<html>


<head>
<style type="text/css">
#hey{
width:80px;
height:50px;
background-color:#0EE4B9;
position:absolute;
top:60px;
left:50px;
}
#fin{
width:80px;
height:100px;
background-color:#E31417;
position:absolute;
top:110px;
left:50px;
}
</style>




<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">


$(document).ready(function() {
$('#fin').click(function() {
$('#fin').hide();
});
});


</script>
</head>


<body>
<div id="hey">Clicca Qui!</div>


<div id="fin">Eccomi!</div>
</body>






</html>

Grazie in anticipo