jquery - on が機能しない動的に作成された要素を選択する

Question

jqueryで動的に作成された要素を選択するには、委任を使用する必要があることを知っているので、これを使用しました：

$(".form_wrapper").on('change', '#imageSelect', function(){

ただし、これは機能しておらず、#imageSelectが変更されたときに機能が実行されていません。

マークアップはこのようなものですが、簡単にするために少し省略しています。

<div class="form_wrapper" id="upload">
    <form action="..." method="post" id="audioUpload" enctype="multipart/form-data">...</form>
    <form action="..." id="imageUpload" method="post" enctype="multipart/form-data">    
        <input type="file" name="img" value="Select an image" id="imageSelect" class="buttonClassic">   
        <input type="hidden" name="purpose" value="track">  
        <input type="submit">   
    </form>
</div>