iframe中的JavaScript代码不起作用

Question

我有一个加载页面后创建的iframe。 （主要DOM）

var object_preview = $('#preview');

var iframe = $('<iframe id="preview_frame">'),
    iframe_body,
    iframe_head;

object_preview.html(iframe);

setTimeout(function() {
   var doc = iframe[0].contentWindow.document;
   iframe_body = $('body', doc);
   iframe_head = $('head', doc);
}, 1);

单击按钮时，在iframe头部插入JS代码（jQuery），必须在iframe DOM中执行。

$('#run').click(function() {
        iframe_body.append('<script type="text/javascript">\
                $(document).ready(function() {\
                        $(".test").click(function() { alert(true); });\
                });\           
        </script>');
});

现在它不起作用。如何实现呢？

带有.test的元素在iframe DOM中。

HTML结构：

提前致谢。