Question

I am using jQuery templates to add new items to a list when a button is pressed

The template contains a hidden field.

When I add a new item to the list in IE 8 or IE 9, then the hidden form field is displayed like a visible input field

I’ve set up a JSfiddle to demonstrate
http://jsfiddle.net/T3has/8/

It works fine in Chrome and FF, but not IE

Any ideas?

Answer 1

You’re doing it right; the input is of type “hidden”, so this is clearly (yet another) bug in IE.
If you want to support IE you may want to try adding a class to those inputs as a hack around this:

<input class="hidden-input" ...

and css

input.hidden-input: {
  display: none;
}