addClass работает только внутри функции .click?

Я пытаюсь добавить класс, когда элемент щелкнут, затем я хотел бы использовать этот элемент класса для выполнения определенного действия (например, предупреждения)

но похоже, что это не работает, когда я использую новый класс вне функции щелчка, здесь:

<script type="text/javascript">
    $(document).ready(function(){                      
        $(".notactive").click(function() {  
            $(this).addClass("active");      
        });

        $(".active").hover(function(){
            alert("Hello");
        }); 
    }); 
</script>

Теперь, если я помещу его в функцию щелчка, он сработает здесь:

<script type="text/javascript">
    $(document).ready(function(){             
        $(".notactive").click(function() {  
            $(this).addClass("active");
            $(".active").hover(function(){
                alert("Hello");
            });           
        });
    });
</script>

Как его использовать, когда он вне функции?