title: Changing upload placeholder after chose file
body: <p>I have this code currently:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="row upload"&gt;
  &lt;form enctype="multipart/form-data" action="" method="post" class="col-md-12"&gt;
   &lt;label for="file" class="filebutton"&gt;No file has been selected&lt;/label&gt;
   &lt;input style="opacity:0" type="file" name="file" id="file" /&gt;
   &lt;/form&gt; 
   &lt;/div&gt;&lt;!--End of row upload--&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>label {
      background-color: #eeeeee;
      width: 500px;
      height:50px;
      font-weight: normal;
      color: #777777;
      padding:20px;
      margin-top: 10px;
  
  }
  </code></pre>
  
  <p>As you can see, when file is chosen, the placeholder still remains the same. I want placeholder to be file directory when file is chosen.</p>
  
  <p><strong>FIDDLE:</strong>  <a href="http://jsfiddle.net/7rtJ5/" rel="nofollow">http://jsfiddle.net/7rtJ5/</a></p>