Отправка данных с помощью ajax и jquery – textarea.live ('blur')

Я хочу создать скрипт для редактирования фотографий в галерее. У меня есть текстовое поле, чтобы вставить заголовок фотографии и после вставки названия в него и оставить текстовое поле он будет обновляться в базе данных. Он работает нормально, когда я меняю заголовок только на одну фотографию, но когда я меняю больше заголовков, а затем перезагружаю страницу, все измененные фотографии имеют одинаковый заголовок (который был последним). Может кто-нибудь помочь мне, пожалуйста, что не так?

Есть код, который я использую сейчас:

function UpdateTitle(idPhoto) { var id = idPhoto; $(document).ready(function(){ $('textarea').live('blur',function () { var titleVal = $(this).val(); $.ajax({ type: "POST", url: "changeTitle.php", data: {title:titleVal , id:id}, success: function(msg) { $('.'+id).html(msg); } }) }); }); } 

 <textarea name='title' id='title' onchange='UpdateTitle($idPhoto);' rows='2' cols='22'>$title</textarea>