I am in front of a problem. I know this was discussed in this forum already but this didn't really help me.

I am loading content with $.ajax and I am receiving a bunch of elements. ( In this case "posts" ). Now I wanted to work on and make the like / share function work but the elements don't react to the click. I already tried the .on() thing out. Either I did it wrong or it just does not work. I hope you can help me.

2. // Load content
3. var first_post;
4. var last_post;
5. $(document).ready(function(){
6. $.ajax({
7. type: "post",
8. url: "lib/php/database.lib.php",
9. data: {action: "loadPosts", limit: 10},
10. success: function(returned) {
11. $("#main-wrapper .content.right #left #posts #userpost-content").append(returned);
12. first_post = $("#main-wrapper .content.right #nbcontent #posts .user-post").first().attr("id");
13. last_post = $("#main-wrapper .content.right #nbcontent #posts .user-post").last().attr("id");
14. }
15. });
16. });
18. $("#main-wrapper .content.right #nbcontent #posts .user-post").on("click", "div.like", function(){
19. alert("OK");
20. });