带on（）的Ajax发布

$('body').on('click','.removebet i',function(e){
    var a = $(this).attr("id");
    var data = "a="+a;

    $.ajax({
        type: "POST",
        url: "yorumcikar.php",
        data: data,
        success: function(e){
    });

I'll explain the problem. I can post AJAX form with this function and there's no problem except the .removebet i comes from the ajax.

If I append .removebet i with AJAX this function doesn't work because it doesn't call AJAX.

example:

$(".maindiv").html("<span class='removebet'><i>Yes</i></span>");

Then when I clicked to 'i' tag the function at top doesn't work.

I believe this should work.

$('.removebet > i').click(function(event){
    var a = $(this).attr("id");
    alert(a);

    $.ajax({
        type: "POST",
        url: "yorumcikar.php",
        data: data,
        success: function(retval){
            alert(retval);
        }
    });
});

EDIT

This will work, however each newly added item will not be bound as the binding has already happened. In order to get newly added items to be bound as well you will have to rebind them when they are added.

$.ajax({call to get your new item},
      success: function(data){
          // add to dom
          bindElement(newElement);
      }
 });

function bindElement(element){
$(element).click(function(event){
    var a = $(this).attr("id");
    alert(a);

    $.ajax({
        type: "POST",
        url: "yorumcikar.php",
        data: data,
        success: function(retval){
            alert(retval);
        }
    });
});
}