Tworzę na żywo edytor mojej strony internetowej. Mam części CSS i HTML w dół, tylko problem jest teraz częścią JS. Oto fragment kodu

var frame = $('#preview_content'),
           contents = frame.contents(),
           body = contents.find('body');
           csstag = contents.find('head').append('<style></style>').children('style');
           java = contents.find('head').append('<script><\/script>').children('script');//Issues here
       $('.area_content_box').focus(function() {
       var $this = $(this);
       var check = $this.attr('id');
        $this.keyup(function() {

        if (check === "html_process"){
        body.html($this.val());
        } else if(check === "css_process") {
        csstag.text($this.val());
        } else if (check === "java_process"){
        java.text( $this.val() );
        }

        });
      });

Problem polega na tym, że nie wstrzykuję znaczników skryptu w ciało iframes ani w głowę, kiedy próbuję tego dokonać. Czytałem o wstrzykiwaniu i niektórych problemach zawierających końcowy znacznik skryptu. Muszę dowiedzieć się, jak wstrzyknąć znaczniki skryptu, naprawdę chcę je umieścić w głowie, ale jeśli jest to łatwiejsze w ciele, to dobrze.

jfriend00 - Skupię się na tworzeniu tej wanilii, jeśli uważasz, że powinienem szczerze.

Więc wszelkie porady dotyczące tego, jak sprawić, by mój edytor działał poprawnie z wtryskiem JS?