jQuery, Ajax problem?

I have one table, and when I click on row, it loads some content in another开发者_如何学JAVA table.

The problem is, when I click on row the first time it loads just one time (message 'Some msg' and message 'Some other msg' is shown one time). When I click on another row, it loads twice (messages is shown twice). The third time when I click on row it loads three times, etc.

Here is my code:

$("#myTable tr").click(function(e){
    $.ajax({
        url:'<?php echo $full_path_ajax_php; ?>',
        data:{'what':'2','mypath':'12345678'},
        dataType:'json',
        type: 'GET',
        beforeSend:function(){alert('Some msg')},
        success: function(){alert('Some other msg')}
    });
    return false;
});

Try to use id instead of 'tr', and you will get the id in function's click event. I think this may work, correct me if I'm wrong.

You need to use the .live() function in the parent table but don't use this code in the portion which you are going to use:

$("#myTable tr").live('click', function(e){
    $.ajax({
        url:'<?php echo $full_path_ajax_php; ?>',
        data:{'what':'2','mypath':'12345678'},
        dataType:'json',
        type: 'GET',
        beforeSend:function(){alert('Some msg')},
        success: function(){alert('Some other msg')}
    });
    return false;
});

Remember, only once in the parent page or table.