変数を入力値に設定する（jQuery）

Question

次のコードがありますが、機能していません。理由はわかりません。助言がありますか？

HTML：

<input type="number" placeholder="#" id="lineSpace"/> 

<br/><br/><button id="go">update text!</button> 

のJavaScript（jQueryの）

$(document).ready(function() { 
var lineSpace = $("#lineSpace").val(); 

$("#go").click(function(){ 
alert("LINE SPACE: "+lineSpace+""); 
}); 

これは私の変数が収集されていたかどうかを確認するための試験だったが、それはないようです。アラートは表示されますが、単に「LINE SPACE：」と表示され、変数の後には配置されません。私がこのように定義すると、var lineSpace = "random number";（これは私にとって役に立たないですが、ユーザ側から入力された値が必要です）、うまくいきます。

Answer 1

ページが読み込まれるときにlineSpaceを割り当てているので、それは明らかに空白です。

var lineSpace = $("#lineSpace").val();をクリックハンドラ（alert()関数呼び出しの上）に移動します。