$("#id option").hide(); not working on safari/chrome?

Question

Same for:

$("#id option").show();

I'm just surprised. I thought that something went wrong with my code. I tried it with a blank html:

<select id = "name">
  <option>1</option>
  <option>2</option>
</select>

Javascript:

​$("#name option").hide();​

http://jsfiddle.net/kgLkt/

It works like a charm with firefox, but not on safari nor chrome!

Is there a substitute?!

EDIT: I need to hide/show the option (or some of them) from appearing in the list.

Answer 1

To hide:

var myOpts = $("#id option").detach();

To show:

$("#id option").append(myOpts);

As opposed to .remove(), .detach() keeps all jQuery data associated with the removed elements.