title: How to hide an element without taking up space and still respond to events?
body: <p><code>display:none</code> takes the element away from the layout flow and thus not taking up space on the page but its events get disabled.</p>
  
  <p><code>visibility:hidden</code> hides the element, but the element still takes up space.</p>
  
  <p>I need a way to hide a file input element without taking up space and responding when I call its <code>.click()</code> event. </p>
  
  <p><a href="http://jsfiddle.net/ahmoo/qxNC9/" rel="nofollow" title="Example">Example</a></p>