Simple change handler not working : I am completely new to JQuery and am having trouble getting a simple HTML page containing JQuery (that I gleaned from another Stack Overflow thread, which unfortunately wasn't complete enough for a JQuery newbie like me, apparently!) to work properly.  Here is my HTML:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
        $('#myfile').bind('change', function() {
            var fileName = '';
            fileName = $(this).val();
            $('#mytext').html(fileName);
       });
    });
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="mytext" name="mytext">
    <input type="file" id="myfile" name="myfile">
    </form>
    </body>
    </html>

When I choose a filename, I expect the "mytext" text input field to contain the name of the file I uploaded, but this does not happen.  Any advice would be greatly appreciated!