[CSS, jQuery] input[type=file] 스타일 바꾸기, 첨부파일명 input[type=text]에 넣기

<input type="text" readonly="readonly" title="File Route" id="fileLoute" placeholder="파일을 첨부하세요.">

<label for="fileDocument" onchange="javascript:document.getElementById('fileLoute').value=this.value">파일선택<input type="file" id="fileDocument"></label>

input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

label{}

  $('input[type=file]').on('change',function(){

    if(window.FileReader){

      var filename = $(this)[0].files[0].name;

    } else {

      var filename = $(this).val().split('/').pop().split('\\').pop();

    }

    $(this).siblings('label').text(filename);

  });