Not getting [Object File] from a File Input HTML Control using JQuery and Javascript -

i have file input control , button below:-

<input type="file" name="resume" id="upload"></input> <input type="button" id="btnsave" value="save" onclick="sample()"></input> 

also function called sample()

<script type="text/javascript">     function sample(){     var file =$('#upload')[0].files[0];     alert(file);     } </script> 

the above function called on click of button btnsave.

issue:does not return alert [object file], inspite of file exist in file input control.

note: using i.e 11 , loaded jquery library.

the code works fine, here fiddle : https://jsfiddle.net/ujwal_15/x5bgqqo7/6/

html:

<input type="file" name="resume" id="upload" /> <input type="button" id="btnsave" value="save" /> 

jquery

$('#btnsave').click(function() {     var file =$('#upload')[0].files[0];     alert(file); });