为何innerHTML无法添加object里面的东西

各位大大,我想点击图像时可以在preview中插入相关的html,但就是无法播放里面的flash,视频等.请各位大大指教.谢谢!
$(document).ready(function(){    
    $("img:eq(0)").click(function(){    
                     var box_dom = '<div>';
    box_dom+= '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="103" height="24">
      <param name="movie" value="button1.swf" />
      <param name="quality" value="high" />
      <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="103" height="24" ></embed>
    </object>'
    box_dom+= '</div>';
    $("#preview").html("box_dom");
})
<div class="STYLE2" id="preview"></div>

$("#preview").html("box_dom");

粗心大意了吧?

$("#preview").html(box_dom);

还是不行啊,点击还是没有反应.

var box_dom = \'<div>\'; 依次类推

佩服!