Javascript jQuery函数在控制台中工作，但不在代码中工作

下面的代码创建一个搜索字段，然后将焦点事件附加到该字段，这样当用户单击输入字段时，预设值就会消失。.focus行在控制台中工作，但在代码中不工作。如何让它在代码中工作

<script type='text/javascript'>
jQuery( document ).ready(function( $ ) {
    jQuery('#site-nav').append("<div class='nav' style='width: 130px; margin-top: 15px;'><form     id='site-search' method='get' action='/search'><input id='search' name='search' class='textfield' tabindex='1' type='text' style='border-radius: 10px; height: 30px;' value='SEARCH'></form></div>")
});
jQuery("#search").focus(function(){$(this).val("");});
</script>

顺便说一句，我必须拼写“jQuery”，因为我们的应用程序是以这种方式配置的，以避免冲突 谢谢祝福

将行移到就绪方法内：

编辑：

请记住，如果字段获得焦点，则始终会触发中的匿名函数。因此，在执行此操作后，它将始终为空

将行移动到就绪方法中：

编辑：

---

请记住，如果字段获得焦点，则始终会触发中的匿名函数。因此，在执行此操作后，它将始终为空。

您使用jQuerydocument.readyfunction${}而不是更常见的$function{…}？@Malk的原因是什么。@Craig:您只需在.ready回调之外拼写jQuery即可。如果缩进是一致的，代码中的问题可能会更清楚。@amphetamachine-只是无知…我不经常使用jQuery，只是从notes@cookie怪物-很好的观点。我的缩进改变了，因为它一直说我的缩进有错误。其他人似乎都明白了这类事情，但我对每件事都很难理解。你使用jQuerydocument.readyfunction${}而不是更常见的$function{…}？@Malk@Craig:你只需要在.ready回调之外拼出jQuery就行了。如果缩进是一致的，代码中的问题可能会更清楚。@amphetamachine-只是无知…我不经常使用jQuery，只是从notes@cookie怪物-很好的观点。我的缩进改变了，因为它一直说我的缩进有错误。其他人似乎都在想这些事情，而我对每件事都很不满意。

jQuery( document ).ready(function( $ ) {
    jQuery('#site-nav').append("<div class='nav' style='width: 130px; margin-top: 15px;'><form     id='site-search' method='get' action='/search'><input id='search' name='search' class='textfield' tabindex='1' type='text' style='border-radius: 10px; height: 30px;' value='SEARCH'></form></div>");
    jQuery("#search").focus(function(){$(this).val("");});
});