How to append the name of a file if you are replacing the normal functionality of a file upload button

upload-file-replaced.js

$(window).load(function() {
    $('input[type=file]').on('change', function() {
        var filename = $(this).val().split('\\');
        if($('#filename-information').length > 0) {
            $('#filename-information').html('Selected File: '+filename[filename.length - 1]);    
        } else {
            $(this).parent().append('<div id="filename-information">Selected File: '+filename[filename.length - 1]+'</div>');    
        }
    });
});

used this as a guideline: http://www.htmllion.com/custom-file-input-styling-with-css.html