无法使用jQuery选择id按钮

Question

我很困惑：

$(document).ready(function() {
    var sendButton = $('#send');
    var name = $('#name');
}

在我的JavaScript文件中。当我在Chrome中打开控制台时，sendButton未附加到任何内容，但name已附加到name元素。

HTML包含：

<input id="name"><input id="send" type="button" value="send">

这是奇怪的部分：如果我输入控制台：

> $('#send')
[<input id=​"send" type=​"button" value=​"send">]

因此看起来选择器是有效的，但它在JS文件中不起作用，但仅适用于按钮。有什么想法吗？

编辑：对不起，我在这里提供片段，我有文件准备的东西。

Answer 1

使用document.ready。这可能会有所帮助

$( document ).ready(function() {

// now your initialization
});

Answer 2

期待您在搜索页面之前搜索元素。 用户$（文档）.ready（）事件

Answer 3

在dom准备好后加载它们：

$(function() {
  var sendButton = $('#send');
  var name = $('#name');
});