[jQuery] QuickTime control bar disappearing after .remove() and .load()

[jQuery] QuickTime control bar disappearing after .remove() and .load()


http://www.andcuriouser.com/sandbox/jqueryqt/test.html
Contents of test.html:
<script src="thickbox/jquery-latest.pack.js" type="text/javascript"></
script>
<script type="text/javascript">
function swapMovie() {
    $("#TB_movie").remove();
    $("body").append("<div id='TB_movie'></div>");
    $("#TB_movie").load("test-movie.html");
} // swapMovie()
</script>
<body>
<a onclick="swapMovie();">Swap the movie</a>
</body>
Contents of test-movie.html:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    codebase="http://www.apple.com/qtactivex/qtplugin.cab"
    width="500" height="500">
    <param name="src"
        value="serve/sample.mov" />
    <param name="controller" value="true" />
    <param name="autoplay" value="false" />
    <!--[if !IE]>-->
        <object type="video/quicktime"
            data="serve/sample.mov"
            width="500" height="500">
            <param name="autoplay" value="false" />
            <param name="controller" value="true" />
        </object>
    <!--<![endif]-->
</object>
The bug:
In Firefox, everything works as expected: the QuickTime is removed,
and then replaced. In IE, however, when the QuickTime is replaced, it
appears sans control bar. This appears in both IE6 and IE7, and it
doesn't seem to matter whether you use the Embed or Object methods to
display the movie.
If anyone knows why this is happening, or knows of a workaround, I'd
greatly appreciate some insight.