I have this code that works when I hover over the image but when I hover over the span it goes back to opacity 0. Also the span does not appear in the first image?

```
    $(document).ready(function() {
        var $img = $('.carousel-inner li img'),
            $text = $('.carousel-inner li span');

            $img.hover(function() {
                $text.stop().animate({
                    opacity: 1,
                    height: '75px'
                }, 500);
                },function() {
                    $text.stop().animate({
                    opacity: 0,
                    height: '0px'
                }, 500);
            });
    });

```

You can view an example [HERE](http://andres321r.byethost15.com/slideshow/)