Jquery on selector for element parent

Question

To use jquery on method instead of deprecated live method in this simple case

$("#myForm").live('submit', function() {
   alert("submit");
});

would be

$(document).on('submit', '#myForm', function() {
  alert("submit");
});

Now, how to do the same with "pure" on , without extra things(like eg assign id to form and then use that id as a selector or smth like that) in this case

$("#myInput").parents("form").live('submit', function() {
   alert("submit");
});

thanks

Answer 1

Run the event handler on all form submissions, then test to see if the form contains the input you care about inside it.

jQuery(document).on('submit', 'form', function (evt) {
    if (jQuery(evt.target).find('#myInput').length === 0) {
        return;
    }
    // Otherwise run the rest of the function normally
});