Not removing row

[Xtremer360]

I can't seem to get it to remove the td after the user clicks the x because the ajax part is working but it won't remove the row. Anyone see where I'm going wrong?

 

$('.delete').click(function(){
        var templateID = $(this).attr('rel'); 
        var dataString = 'templateID=' + templateID + '&deletetemplate=True'; 
        $.ajax({ 
            type: "POST", 
            url: "processes/template.php", 
            data: dataString, 
        }); 
        function(){
            $(this).parents("tr").eq(0).hide();
        };   
    });

<?php 
        while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) {
              echo '
              <tr>
    			  <td>' . $row['templatename'] . '</td>
    			  <td>' . $row['name'] . '</td>
    			  <td>' . $row['datecreated'] . '</td>
                  <td style="text-align:center;"><img src="img/notepad.png" class="edit" rel="' . $row['id'] . '"/><img src="img/Delete-icon.png" class="delete" rel="' . $row['id'] . '"/></td>
		  </tr>';
            }

[Xtremer360]

I shouldn't have put it inside a function.