title: Uploaded file name not displayed in custom file input
body: <p>I used below code for customize the file input type,</p>
  
  <pre><code>&lt;form class="example" action="#"&gt;
  &lt;!--&lt;input type="file" class="required-entry filename file" name="filename[]" /&gt;--&gt;
  &lt;div class="fileinputs"&gt;
      &lt;input type="file" class="file hidden"&gt;
  &lt;div class="fakefile"&gt;&lt;input&gt;&lt;img src="ravi/images/button_select.gif" /&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>style.css</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      body{
          color: black;
          font-family: arial;
          font-size: 13px;
      }
  form.example input {
      background: url('ravi/images/input_boxes.gif') no-repeat 0 -58px;
      border: none;
      width: 241px;
      height: 20px;
      padding-left: 3px;
      padding-top: 3px;
  }
  
  form.example input:focus {
      background-color: transparent;
  }
  
  form.example div.fileinputs {
      position: relative;
      height: 30px;
      width: 300px;
  }
  
  form.example input.file {
      width: 300px;
      margin: 0;
  }
  
  form.example input.file.hidden {
      position: relative;
      text-align: right;
      -moz-opacity:0 ;
      filter:alpha(opacity: 0);
      opacity: 0;
      z-index: 2;
  }
  
  form.example div.fakefile {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 350px;
      padding: 0;
      margin: 0;
      z-index: 1;
      line-height: 90%;
  }
  
  form.example div.fakefile input {
      margin-bottom: 5px;
      margin-left: 0;
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>and the page display like below,</p>
  
  <p><img src="https://i.stack.imgur.com/m2wBz.png" alt="enter image description here"></p>
  
  <p>when i click select button the browse folder appears and then i select the image file.but in input filed the uploaded image caption not displayed..</p>
  
  <p>i integrated this one from <code>http://www.quirksmode.org/dom/inputfile.html</code></p>
  
  <p>what is the issue?</p>