javascript - ファイルが選択されたときにJavascriptが検出されない

Question

ここで何が間違っているのかわかりません：

Javascript:

function chooseFile() {
  $("#imgInput").click();
}

$("#imgInput").change(function(){
  console.log('hi');
});

HTML:

<input type="file" id="imgInput" name="imgInput" />
<input type="button" class="upload-btn" id="upload-init" onclick="chooseFile()" value="Choose image"></input>

ボタンをクリックすると、chooseFile() が動作し、ファイル選択が表示されるので、ファイルを選択すると、「imgInput」要素にファイル名などを付けてアップロードされますが、

$("#imgInput").change(function(){
  console.log('hi');
});

まったく呼び出されないのですが、これはなぜですか? はい、JQuery が含まれています。