javascript doesn't work on internet explorer

Question

I have this javascript code:

<script type="text/javascript">
    $(document).ready(function()
    {
        $('table#delTable td a.delete').click(function()
        {
            if (confirm("Are you sure you want to delete this row?"))
            {
                var id = $(this).parent().parent().attr('id');
                var data = 'id=' + id ;
                var parent = $(this).parent().parent();

                $.ajax(
                {
                       type: "POST",
                       url: "delete_row.php",
                       data: data,
                       cache: false,

                       success: function()
                       {
                            parent.fadeOut('slow', function() {$(this).remove();});
                       }
                 });                
            }
        });


        $('table#delTable tr:odd').css('background',' #FFFFFF');
    });

</script>

and this is what triggers it

<a href="#" class="delete" style="color:#FF0000;">

i use it to delete database rows from mysql. It works well on firefox, safari, but nothing happens on internet explorer. I tried it on ie7 and on ie9 and no result. Can you give me an advice regarding my problem?

Answer 1

Try adding dataType:'html', inside your ajax request.