checking for dynamic content - ajax()

checking for dynamic content - ajax()

Okay I have a blank html page with the following in the head:

  2. $(document).ready(function () {

  4. $.ajax({
  5. url: 'include.html',
  6. success: function(data){
  7. $('body').html(data);
  8. }});
  10. if ($('#load').length) {
  11. alert('Hello');
  12. }
  14. });

And a file called include.html with the following:

  1. <p id="load">Hello</p>

The idea is to dynamically load the include (which is working fine) and then if it has loaded create an alert 'Hello' (which is not working).

My question is why isn't this working? I appreciate that it's probably because it's been loaded dynamically and if ($('#load').length) is not checking dynamic content - but how would I amend the if statement to also check dynamic content?

Thanks!