[jQuery] Odd behavior in IE with select boxes

[TimW66]

I'm seeing some odd behavior in IE with my SELECT boxes.  In the
static HTML, I have the following:

<label for="type" class="dialog first">Select Type</label>
<select id="type" class="dialog first">
        <option selected value="">--- Type ---</option>
</select>

In JavaScript, I have the following:

$.get("create.do", params,
        function(data) {
                if( $('option', idSel).length > 0 ) {
                        var firstOption = $('option', idSel);
                        $(idSel).replaceWith(data);
                        $(idSel).prepend(firstOption);
                        $(idSel).removeAttr('disabled');
                }
        }
);

The data coming back is actually a snippet of HTML, like this:

<select id="type"><option value="1">In</option><option value="2">Out</
option></select>

Note it does not contain a "selected" attribute.  What I want is to
merge the data with the static HTML so in essence I would have:

<label for="type" class="dialog first">Select Type</label>
<select id="type" class="dialog first">
        <option selected value="">--- Type ---</option>
        <option value="1">In</option>
        <option value="2">Out</option>
</select>

However, in IE, the "selected" attribute always seems to get set on
the "In" instead.

Is this yet another odd thing with IE?  Is there something else I
should be doing to get the desired results?

Thanks in advance.