Как удалить строки с rowspan jquery

Question

<table id="personal" border="1"> 
    <tr> 
    <td>Name</td> 
    <td>Address</td> 
    <td rowspan="2" class="remove">Remove</td> 
    </tr> 
    <tr> 
    <td>Name</td> 
    <td>Address</td> 
    </tr> 
    <tr> 
    <td>Name</td> 
    <td>Address</td> 
    <td rowspan="2" class="remove">Remove</td> 
    </tr> 
    <tr> 
    <td>Name</td> 
    <td>Address</td> 
    </tr> 
    <tr> 
    <td>Name</td> 
    <td>Address</td> 
    <td rowspan="2" class="remove">Remove</td> 
    </tr> 
    <tr> 
    <td>Name</td> 
    <td>Address</td> 
    </tr> 
</table> 

$('#personal tr .remove').click(function(){ 
$(this).parent().remove(); 
}) 

Я хочу удалить 2 ряда, которые выполняются rowspan. Возможно? Если да, то как? Теперь он удаляет только одну строку.

FIDDLE: http://jsfiddle.net/awanan/j3fNK/

Answer 1

самый простой способ:

$('#personal tr .remove').click(function(){ 
    $(this).parent().next().remove(); 
    $(this).parent().remove(); 
}) 

Answer 2

Поместите $(this).parent().next().remove(); перед тем $(this).parent().remove();