Dynamic content Firefox innerHTML problem

I am encountering this problem with Firefox, but no problem in IE.

I have in a hidden <div> dynamically generated select options intended for re-use by dynamically created forms on page.

For Example:

<div>
<option value=”1″>xxx</option>
…
…
</div>

With javascript, when I use getElementById() to get the <div>, and then get the innerHTML, on IE I get the content just as they were generated out, and I was able to put this into an empty <select> and everything works. But when I try the same in Firefox, the innerHTML returns only the text part of the content. The “<option value=”1″>” part has been stripped off. Wondering if there’s a solution to get around this?

Also in #JavaScript _↴