Question

I have a function in jQuery which adds to my jsp view a form in this way:

$("#mydiv").append("<form class=\"sendMessage\" id=\"" + item.message_id + "\">" +
                "<input type=\"submit\" value=\"Delete\" />" +
                "</form><br />");
});

I would like to maintain submitting this form action. So I have written this function:

$(".sendMessage").submit(function(event) {
    alert("sendMessage");
});

Unfortunately this isn’t working. However when I have added simply my form directly to my jsp view, my submit function has worked.

<form class="sendMessage">
    <input type="submit" value="Delete" />
</form>

What am I doing wrong?

Answer 1

$(document).on("submit","form.sendmessage",function(){alert("sendMessage");
});