Why is my function not called on click?

Question

<script type="text/javascript">
$('.pp').click(function()   {
    alert();
});
</script>

<p class=pp>asdf</p>
<p class=pp>asdf</p>
<p class=pp>asdf</p>

Why the function is not called on click event?

It must be very silly and stupid question, but I don'w know what I'm missing.

Answer 1

Because the DOM hasn't been loaded yet:

$(document).ready( function() {
  // ...your code...
} );

Answer 2

This is purely because you are attaching a click event to a node that doesn't actually exist yet. Put the code after the HTML nodes, or call that upon the load or DOMContentLoaded events.

Answer 3

should be

<script type="text/javascript">
$(function(){
    $('.pp').click(function(){
        alert();
    });
});
</script>

Answer 4

or

<script type="text/javascript">
$(document).ready(function(){
    $('.pp').click(function(event){
        alert();
    });
});
</script>