jQuery в коде изменяет value, но на странице не отображается

Здравствуйте.

Такая проблема.

Есть код.

    $(".input_area").each(function(index){ 

                                          $(this).focus(function(){

                                                                     if($(this).attr("value") == blanc[index])

                                                                       {

                                                                          $(this).attr({"value":""});

                                                                       }

                                                                    }); 

                                          $(this).blur(function(){

                                                                     if($(this).attr("value") == "")

                                                                       {

                                                                          $(this).attr({"value":blanc[index]});

                                                                       }

                                                                    }); 

                                                                                     

                                          });

Как вы догадались, для всех элементов стиля "input_area" присваиваются по две функции focus и blur. Работают они просто - если поймав в фокус input, там содержится некий стандартный текст, значит надо очистить поле. Обратное действие производится при покидании фокуса.

Всё работает казалось бы четко. Но только до того момента, пока я что-то не напишу в input. Написал - стёр - и не работает. Точнее, работает, но только в исходном коде (то есть как бы придарться не к чему), но на форме изменения не отображаются. Прилагаю скрин-шот из браузерного инспектора.

В чем проблема?