Javascript-форум - Как поменять содержимое TD при наведении на строку?

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Example</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
</head>
<body>
	<table>
		<tr>
			<td>type_01</td>
			<td>title_01</td>
			<td>text_01</td>
			<td>date_01</td>
		</tr>
		<tr>
			<td>type_02</td>
			<td>title_02</td>
			<td>text_02</td>
			<td>date_02</td>
		</tr>
		<tr>
			<td>type_03</td>
			<td>title_03</td>
			<td>text_03</td>
			<td>date_03</td>
		</tr>
	</table>
	<script type="text/javascript">
		var innerhtml='';
		$('table tr').each(function() {
			$('td:first',this).mouseover(function() {
				innerhtml=$(this).html();
				$(this).html('del_'+innerhtml.split('_')[1]);
			});
			$('td:first',this).mouseout(function() {
				$(this).html(innerhtml);
			});
		});
	</script>
</body>
</html>

Если никаких элементов туда не сувать и ссылок.
Иначе надо изголиться чучуть.