Javascript jquery-为什么代码总是接受textbox的旧值？

我有一个表单，其中有两个文本框，分别用于API键和股票代码。请找到下面的代码

<h1>Stock</h1>
<form id="frmGetComp">
    <p>API Key: <input type="text" id="txtAPI" value="" /></p>
    <p>Stock: <input type="text" id="txtStock" value="" /></p>
    <p><button id="btnCall">Call</button></p>
</form>

下面是jquery代码：

$(document).ready(function () {                                     
            var stockId='';

            $("#txtStock").blur(function () {
                stockId= $(this).val();
                console.log(stockId);
            });

            $('#btnCall').click(function () {
                var apiKey = $('#txtAPI').val();

                stockId= $("#txtStock").val();
                console.log(':::call clicked:::', stockId);

                <assigning apikey statement> = apiKey;
                <stockId is passed in api call to fetch stock information>

                $('#frmGetComp').submit(false);
                $('#frmGetComp').reset = true;
                stockId= '';
                $('#txtStock').val('');

            });
        });

现在在这个表单中，当我第一次输入信息时，它会运行正确的数据。当我更改股票的价值并单击call按钮时，每次它都返回第一只股票的股票信息。它从不接受在stock文本框中输入的新值

---

单击呼叫按钮时，如何获取股票文本框的新值并获取该股票的信息？？？

删除模糊功能如果不执行任何操作，我检查了您的代码，它工作正常！！！是的，您的代码工作正常！=>代码未在api调用中获取textbox的新值。它对我有效：