jquery - 为什么代码总是采用文本框的旧值？

Question

我有一个表单，其中包含两个用于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('');

            });
        });

现在，当我第一次输入信息时，它会以这种形式重新输入正确的数据。当我更改股票的价值并点击通话按钮时，每次它返回第一个股票的股票信息。它永远不会在库存文本框中输入新值。

如何在点击通话按钮时获取股票文本框的新值并获取该股票的信息