PHP ajax html contenteditable живое обновление не работает

Я пытаюсь обновить html-данные в базе данных, используя ajax. Вот HTML-таблица, где данные могут быть отредактированы и переданы в ajax с использованием data-id и селектора класса css.

<tr>
<td class="id">'.$row['id'].'</td>
<td class="cid" data-id1="'.$row["id"].'" contenteditable>'.$row['cid'].'</td>
<td class="title" data-id2="'.$row["id"].'" contenteditable>'.$row["title"].'</td>
<td class="en_title" data-id3="'.$row["id"].'" contenteditable>'.$row["en_title"].'</td>
<td><button class="btn_delete" data-id4="'.$row["id"].'">X</td>
</tr>

Я пытаюсь передать данные с помощью ajax в php с помощью следующей функции.

function updatenav(id, text, column_name)
{
$.ajax({
url:"updatenav.php",
method:"POST",
data:{id:id, text:text, column_name:column_name},
success:function(data){
//alert(data);
}
});
}

$(document).on('blur', '.cid', function(){
var id = $(this).data("id1");
var cid = $(this).text();
updatenav(id, cid, "cid");
});
$(document).on('blur', '.title', function(){
var id = $(this).data("id2");
var title = $(this).text();
updatenav(id, title, "title");
});
$(document).on('blur', '.en_title', function(){
var id = $(this).data("id3");
var en_title = $(this).text();
updatenav(id, en_title, "en_title");
});

И в php, чтобы обновить данные

$result = $con->prepare("UPDATE menu SET :column_name=:text WHERE id=:id");
$result->bindparam(':id',$_POST['id']);
$result->bindparam(':text',$_POST['text']);
$result->bindparam(':column_name',$_POST['column_name']);
if($result->execute()){
echo "Data Updated";
}

Я пытаюсь обновить, но не могу добиться успеха. Где проблема?