Jquery Opacity

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>

        $(document).ready(function() {
    $("#opacity").css("opacity", 0.5);
    $("#opacity").hover(function() {
        $(this).animate({opacity: 1.0}, 500);
    }, function() {
        $(this).animate({opacity: 0.5}, 500);
    });
});

    </script>
</head>
<body>
    <img src="bilder/plumberhouston.png" id="opacity" />
</body>
</html>