JQuery форма на готовом/нагрузки не работает

Question

У меня есть этот «шаблон» код (только для примера):

$(document).on("<EVENT>", "form", function() { 
    $(this).find(".input input").each(function() { 
     var required = $(this).attr("required"); 
     var checkField = $(this).closest("tr").children(".check"); 
     var errorField = $(this).closest("tr").children(".errormessage"); 
     if (required != undefined) { 
      $(checkField).css("color", "#FFFF00"); 
      $(checkField).html("&#x2718;"); 
      $(errorField).css("color", "#FFFF00"); 
      $(errorField).html("(Required)"); 
     } 
     else { 
      $(checkField).css("color", "#FFFF00"); 
      $(checkField).html("&#x2714;"); 
      $(errorField).css("color", "#000000"); 
      $(errorField).html(""); 
     } 
    }); 
}); 

Когда <EVENT>, например, click или mouseover, он просто работает, как ожидалось.
Однако он отказывается работать над событием ready или load, какой-либо подсказкой, почему?

Answer 1

От http://api.jquery.com/on/

Во всех браузерах, событие загрузки, прокрутка и ошибки (например, на элементе) не пузырь. В Internet Explorer 8 и ниже события вставки и сброса не пузырятся. Такие события не поддерживаются для использования с делегированием, но они могут использоваться, когда обработчик события напрямую привязан к элементу, генерирующему событие.