مشکل با jquery

[A.Ghaderi 44]

سلام خدمت دوستان

یک مشکل عجیب برام یهو پیش اومد

من تا این چند خط رو اضافه می کنم به فرم لاگینی که نوشتم، همه چی می ریزه به هم انگار انکودینگ عوض می شه!!ولی بازم کد درست اجرا می شه!!!مشکل چیه؟؟

$("#password").focus(function(){

    $(this).css("background-color", "#FFE1FF").attr("value","");

  });

  $("#password").blur(function(){

    $(this).css("background-color","#DDDDDD").attr("value","رمز عبور");

  });  

کل کد بخش جی کویری هم اینه

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("#username_line").mouseenter(function(){

    $("#username_line").css("background-color","#FFE1FF");

  });

  $("#username_line").mouseleave(function(){

    $("#username_line").css("background-color","#DDDDDD");

  });

  $("#password_line").mouseenter(function(){

    $("#password_line").css("background-color","#FFE1FF");

  });

  $("#password_line").mouseleave(function(){

    $("#password_line").css("background-color","#DDDDDD");

  });

  $("#username").focus(function(){

    $(this).css({"background-color": "#FFE1FF"}).attr("value","");

  });

  $("#username").blur(function(){

    $(this).css({"background-color":"#DDDDDD"}).attr("value","نام کاربری");

  });

$("#password").focus(function(){

    $(this).css("background-color", "#FFE1FF").attr("value","");

  });

  $("#password").blur(function(){

    $(this).css("background-color","#DDDDDD").attr("value","رمز عبور");

  });  

  

});

</script>

و جالبه تا اون دو خط را پاک می کنم درست می شه!!در حالی که عین همین کد برای فیلد یوزرنیم هم داره اجرا می شه درست!!!

چه کنم؟؟؟