event click doesn't work on firefox and ie

event click doesn't work on firefox and ie

Hello, novice in jquery, I currently use it for suppressing value by clicking on a button. The click will display a confirmation pop-up and then delete the value after. My code works fine in google chrome but not in firefox and ie. I think it comes from the click event code jquery but i can't resolve the problem.

Here is my html code:
  1. <center>
            <button class="btn btn-mini btn-red dropdown-toggle" data-toggle="dropdown">
                  <i class="icon-remove" rel="<?php echo $array[$i]->getId() ?>"></i>
             </button>
    </center>




And here my jquery code :
  1. <script type="text/javascript">
           
            $(document).ready( function () {
              
                $('i.icon-remove').click(function(e) {
                //$('i.icon-remove').live('click',function(e) {
                   
                    e.preventDefault();
                    var id = $(this).attr("rel");

                    if(confirm('Voulez-vous supprimer ce couple mot-clé/nom de domaine ?')) {
                        var parent = $(this).parents("tr");
                        $.ajax({
                            type: "POST",
                            url: "requestsAjax.php",
                            data: "id="+id+"&act=suppr",
                            beforeSend: function() {
                                parent.animate({'backgroundColor':'#FF3F47'},300);
                            },
                            success: function(msg){
                                $(this).delay(1200,function(){
                                        parent.slideUp(500,function() {
                                        });
                                    });
                            }
                        });
                    }
                });
            });
    </script>





























Can you help me please.