Howto call events after loading new html-elements by Ajax? | .live("load") .load() .on("load") ??

Howto call events after loading new html-elements by Ajax? | .live("load") .load() .on("load") ??

I have a page with dropdowns of class " chooseObjectType " which is part of a set of form-elements.
There is also a button which loads more of those form sets.

On my dropdown, live("change") calls the correct event and gives me " Test 0 ".

By clicking on the button which loads more of those dropdowns (.chooseObjectType),
it does not call the onchange event as expected, so I wanted to use an "onload" event.

Deseperately none of those Test1..3 works :(


  1. $(function(){
  2.   $(".chooseObjectType").live("load", function(event)
  3.   {
  4.     alert("Test 1");
  5.   });
  6.   $(".chooseObjectType").load(function(event)
  7.   {
  8.     alert("Test 2");
  9.   });
  10.   $(".chooseObjectType").on("load", function(event)
  11.   {
  12.     alert("Test 3");
  13.   });
  14.   $(".chooseObjectType").live("change", function(event)
  15.   {
  16.     alert("Test 0");
  17.   });
  18. });