title: Hide html input element until javascript loads
body: <p>I have a form input (type='file') that I'm styling using <a href="http://filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/" rel="nofollow">this JQuery plugin</a>.  Basically it overlies a new span over the input element as a mask of sorts and boxes it all up in a div.  The issue is that, for the second before the javascript loads, it displays the standard html input  box and button (unsightly).  My question is whether there is any to either</p>
  
  <p>1) Hide the input element (while keeping it's clickable functionality)</p>
  
  <p>OR</p>
  
  <p>2) Hide the input element until the javascript kicks in to cover it up.</p>
  
  <p>OR</p>
  
  <p>3) Something that I haven't even thought of.</p>
  
  <p>Thanks in advance!</p>