jQuery change input.value on keyup() работает только в FF 3.6

Question

Итак, я наконец-то попал в jQuery, но имею, на мой взгляд, основные проблемы, связанные с запуском моих функций. У меня есть 3 поля ввода на странице, два из которых отключены. Моя цель состоит в том, что когда пользователь вводит текст в первое поле ввода, значения других двух полей будут изменены на keyup() до значения, введенного пользователем в первом поле ввода.

Я протестировал свою функцию на jsfiddle.net, прежде чем я смог разместить ее на своей странице, и она отлично работала во всех браузерах, но как только я переместил эту функцию на свою веб-страницу и запустил ее, функция не будет работать. Похоже, что он работает в Firefox 3.6, но не после него. По какой-то причине он также не работает в Chrome или IE.

jsfiddle Demo

JQuery

$(document).ready(function() { 
    var $title2 = $("#title2"), 
     $title3 = $("#title3"); 
    $("#cheader").keyup(function() { 
     $title2.val(this.value); 
     $title3.val(this.value); 
    }); 
    $("#cheader").blur(function() { 
     $title2.val(this.value); 
     $title3.val(this.value); 
    });​ 
}); 

CSS

.nobox { 
border: none; 
text-align: center; 
color: #000; 
background-color: #fff; 
text-decoration: underline; 
font-weight: bold; 
font-size: 14px; 
} 

HTML

<input type="text" onClick="if(this.value=='Click Here To Enter Text'){this.value=''}else{this.value=this.value}" onBlur="if(this.value==''){this.value='Click Here To Enter Text'}" style="width:250px;" class="nobox" value="Click Here To Enter Text" maxlength="35" id="cheader"/> 

<input type="text" style="width:250px;" class="cheader nobox" value="Click Here To Enter Text" id="title2" disabled disabled="disabled"/>​ 

<input type="text" style="width:250px;" class="cheader nobox" value="Click Here To Enter Text" id="title3" disabled disabled="disabled"/>​ 

Answer 1

$(document).ready(function() { Я изменил к $(function() { и нет w все работает нормально во всех браузерах. Не совсем уверен, почему, но он работает сейчас: D

$(function() { 
var $title2 = $("#title2"), 
    $title3 = $("#title3"); 

$("#cheader").keyup(function() { 
    $title2.val(this.value); 
    $title3.val(this.value); 
}); 
$("#cheader").blur(function() { 
    $title2.val(this.value); 
    $title3.val(this.value); 
});