javascript - オブジェクトを動的に追加 - 一度だけ作業

Question

IE8 で PDF を動的に埋め込む際に問題があります。

要素のクリック時に PDF を入力する div があります。任意のアイテムの最初のクリックで問題なく動作し、pdf が表示されます。しかし、その後のクリックでは何も得られません。

PDFのURLが返されていると確信しています（警告しました）。

いくつかのコード;

html;

<div id="pdf-preview-holder">

</div>

jquery;

$('#table tbody tr').live('click', function() {
    var pdf_id = $(this).metadata().id;

    $.ajax({
        url: '/pdfs/get-pdf',
        type: 'post',
        data: 'id='+pdf_id,
        success: function( data ) {
        // pdf_path is an absolute url
        var pdf_path = data.pdf;
            $('#pdf-preview-holder').find('object').remove();
            $('<object id="pdf-preview" data="'+pdf_path+'" type="application/pdf" width="500" height="300" standby="Loading pdf..."><param name="src" value="'+pdf_path+'"></param><div class="err-text">Preview not available.<br />It appears that you do not have Adobe Reader of PDF support in this web browser.<br /><a id="asset-preview-alt" href="'+pdf_path+'" title="Download PDF" target="_blank">Click here to download the PDF</a></div></object>').appendTo('#pdf-preview-holder');
        },
        error: function( data ) {
            alert('oops, no PDF');
        }
    });
});

更新:: <object>a<p>をいくつかのテキストと交換してテストしましたが、正常に動作します-それが気に入らないオブジェクトタグに関する決定的なものです。