Генератор специфического HTML-кода с использованием Jquery

Я сделал сайт, но теперь у меня появилась идея создать генератор кода. Вы должны вставлять текст в текстовые поля, и он будет генерировать код.

$("input").keyup(function() {
    $("#result").text(
        '<div width="' + $("#width").val() + 
        'px" height="' + $("#height").val() + 
        'px">' + $("#content").val() + 
        '</div>');
});

Я нашел это решение на http://jsfiddle.net/NzFeb/, но это не работает с моим кодом.

Вы можете видеть, что я сделал (CSS и Markup) на http://go.filiparag.com/mnmuis-generator, но теперь мне нужен код JQuery.

Что я сделал с JQuery (это не работает):

$("input").keyup(function() {
 $("#code").text(

        '<!--POST-->
        <div id="post"> <div id="' + $("#tag").val() + '" class="tag_post"></div>
            <a href="' + $("#image-link").val() + '" data-lightbox="' + $("#title").val() + '" title="' + $("#title").val() + '">
            <img src="' + $("#image-link").val() + '" width="'IMAGE_WIDTH'" height="'IMAGE_HEIGHT'" id="post-image-right"/> </a>
            <text id="post-title">' + $("#title").val() + '</text> <br>
            <text id="post-short-story">' + $("#short-story").val() + '</text> <br> <br>
            <text id="post-text">

            ' + $("#story").val() + '

            </text>
        </div>
        <!--POST END-->'

        );
    });

Эти идентификаторы: <input type="text"> и <textarea>.