how to set hover property in jquery dynamically code example

Example: jquery on hover dynamic elements

$(document).on("mouseenter", "li", function() {
    // hover starts code here
});

$(document).on("mouseleave", "li", function() {
    // hover ends code here
});