title: Change value of display:none input?
body: <p>Is it possible to change the value of an <code>&lt;input type="text"&gt;</code> that has been hidden with a style of <code>display:none</code>? I have some JS that seems to work when the input is <code>&lt;input type="hidden"&gt;</code> but not when it's hidden with <code>display:none</code>. And AFAIK, you can't change an input's type with JS either.</p>
  
  <p>Basically, I want to replace an <code>&lt;input&gt;</code> with a <code>&lt;select&gt;</code>, so I'm trying to hide it and append the <code>&lt;select&gt;</code> element.</p>
  
  <hr>
  
  <p>Take a look at <a href="http://jsfiddle.net/5ZHbn/" rel="noreferrer">http://jsfiddle.net/5ZHbn/</a></p>
  
  <p>Inspect the <code>&lt;select&gt;</code> element with firebug. Look at the hidden input beside it. Change the select's value. The hidden input doesn't change. Is Firebug lying to me?</p>
  
  <p>If you uncomment the other lines of code, then it works.</p>
  
  <p>Actually... I'm pretty sure it <em>is</em> a bug in Firebug now. Most other things correctly update, but firebug doesn't show the updated value when I inspect it.</p>