JS Inline Edit Table .bur Funktion geht nicht

[Lars]

Moin,

ich habe ein Problem irgendwie wir das Verlassen der editierbaren Tabelle nicht erkannt.

Warum erkennt JS das nicht wenn ich die Tabelle mit einem Klick verlasse?

In der Index steht der JS Code und die Tabelle wird durch aufrufen einer php Datei erzeugt.

	$(function(){
	//acknowledgement message
    var message_status = $("#status");
    $("td[contenteditable=true]").blur(function(){
        var field_userid = $(this).attr("id") ;
        var value = $(this).text() ;
        $.post('ajax.php' , field_userid + "=" + value, function(data){
            if(data != '')
			{
				message_status.show();
				message_status.text(data);
				//hide the message
				setTimeout(function(){message_status.hide()},3000);
			}
        });
    });
	});

echo "<table id='tb1'>
<tr>
<th>ID</th>
<th>Tag</th>
<th>Messart</th>
<th>Messbereich</th>
<th>Hersteller</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
    echo "<tr>";
	echo "<td id='id'>" . $row['id'] . "</td>";
    echo "<td id='tag_name' contenteditable='true'>" . $row['tag_name'] . "</td>";
    echo "<td id='mess_art' contenteditable='true'>" . $row['mess_art'] . "</td>";
    echo "<td id='mess_bereich' contenteditable='true'>" . $row['mess_bereich'] . "</td>";
    echo "<td id='hersteller' contenteditable='true'>" . $row['hersteller'] . "</td>";
    echo "</tr>";
}
echo "</table>";