Whats wrong with?

Whats wrong with?

Hi, i'm trying to make my website and, the jqery animation doesn't work, can you people help me? u_u

HTML: 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Caro Soleno C</title>
        <link rel="stylesheet" type="text/css" href="estilo.css">
         <script type="text/javascript" src="script.js"></script>
         <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js">          </script>
    </head>
    
    <body>
        <div class="pagina">
            <div class="logo"></div>
            <div class="banner1"></div>
            <div class="banner2"></div>
            <div class="banner3"></div>
      </div>
    </body>
</html>

CSS:

.banner1{
    z-index: 2;
    position: absolute;
    top: 720px;
    left: 0%;
    width: 33.3%;
    height: 500px;
    background-color: #65C12F;
}

JS:

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