Bootstrap: muestra el nombre del archivo después de seleccionar

En mi forma, tengo un botón de carga de archivos. Quiero mostrar el nombre del archivo que ha sido seleccionado. Sin embargo, parece que no puedo tomar el nombre del archivo y mostrarlo en mi cuadro de texto: codepen aquí

cualquier ayuda será apreciada

También debe configurar el Val para la entrada … cámbielo:

De .html () a .val ()

  

Puede verificar el valor de e.target.files [0] .name

 $('input:file').change( function(e){ console.log(e.target.files[0].name); }); 

mira esto jsfiddle