jquery - File element cant trigger after get it from ajax -

jquery - File element cant trigger after get it from ajax -

i have form upload file computer. step upload

1, click button

2, after click run ajax load field server.

3, after loaded field, append own form. , trigger click hope window upload show. not work. using jquery 2.1.0

$('.form-file').click();

it , show console.log

index.html

<form action="" method="post"> <div id="upload">upload</div> <div id="file_wrapper"></div> </form>

form.js

$(document).ready(function(){ $('#upload').click(function(){ $('#file_wrapper').load('/element.html', function(){ $('#file').trigger('click'); }); }); })

element.html

<input id="file" type="file" name="file"/>

jquery triggers