I'd like to use jQuery to copy the file path in one input field and show it in a second field
<p>I'm using something like this but its not working for me.</p>

<pre><code>$(document).ready(function () {
    var content = $("#file_field").val();
    $("input.browser_hidden").val( content );
});
</code></pre>

<p>Any suggestions? Even hard coding a value in the the second field isn't showing up.</p>

<p>Here is the html I'm using: </p>

<pre><code>    &lt;div class="file_wrapper"&gt; 
       &lt;input type="file" name="file_field" id="file_field"&gt;
       &lt;div class="file_wrapper_inner"&gt; 
          &lt;input class="browser_hidden" value="something in here" type="text" /&gt;
          &lt;a class="button_browse" href="#"&gt;Browse&lt;/a&gt;
       &lt;/div&gt; 
    &lt;/div&gt;
</code></pre>

<p>Basically what I'm trying to do is make the file input hidden (100% transparent) and when the input is clicked the file path is mirrored in the .browser_hidden input field.</p>
