Problem with .append() and jquery code

Problem with .append() and jquery code

Hi i have problem with the method .append()
With an ajax call i load some elements  with the .append() method in this way

  1. $('#notice').append('<div class="'+data[i][9]+'">');...........ecc..

and this works fine, than i add also two buttons:
  1. $('#notice').append('<a class="btn btn-success conf " title="'+data[i][9]+'">Conferma</a>');
  2. $('#notice').append('<a class="del btn btn-danger" id="'+data[i][9]+'">Elimina</a>  ');
The array data is not important.
As you can see this buttons has class ".del" and ".conf" the other. Now when i add the element with the append i try to use the buttons to make an action on a click but it doesn't works.
If i create the buttons without jquery like a normal html tag the function on click works.

Here the function:



  2. $(".del").click(function(){
  3. var del=$(this).attr('id');
  4. $.ajax({
  5. type: "POST",
  6. url: "../ajax/ajax-pren.php",
  7. cache: false,
  8. dataType: "json",
  9. data: {
  10. iddel: del
  11. },
  12. success: function (data) {
  13. if (data.error == false) {
  14. $("."+del).hide();
  15. }else{
  16. alert("error");
  17. }
  18. },
  19. error: function (e, t, n) {
  20. $('#notice').show();
  21. $("#notice").addClass("alert alert-danger");
  22. $("#notice").html('Qualcosa non va, chiamata ajax                                     fallita....'+t+'........'+n+'....');
  23. }
  24. });
  25. });

So how can i append an element to the dom and then execute a function on it?

Sorry for the bad english