使用按钮获取输入文本的值

Question

你好，自上周五以来我一直在研究这个问题，我不明白为什么val（）返回输入的id而不是值。 以下是负责搜索框的标记：

 <div class="multiGameSearch">
    <input type="text" name="searchterm" value="Find Games" id="searchBox"/>
    <button type="button" id="searchGames">Search</button>
 </div>

以下是处理它的javascript：

$(document).ready(function(){
    $('#searchGames').click(function() {                   
           var $val = $('#searchBox').val();      
           console.log("Searching for: " + $val);                                 
    });
});

由于某种原因，$ val输出'searchBox'（这是输入元素的id）。每次我点击按钮，它都会将输入字段内的值更改为“searchBox”。我不明白发生了什么。有人有主意吗？

Answer 1

它对我来说很好：https://jsfiddle.net/g9dnxx19/1/

$(document).ready(function(){
    $('#searchGames').click(function() {                   
           var $val = $('#searchBox').val();      
           console.log("Searching for: " + $val);                                 
    });
});