jQuery：HTMLをコピーしてxmpに出力

Question

私の頭の中のシンプルなコンセプトのような継ぎ目がついていないのですが、私が構築しようとしているのはユーザーがいくつかのオブジェクトのスタイルを変更できるシンプルなjQuery "app"クラストグルを使用して、ユーザーが結果に満足すれば、HTMLを出力してコピーして、私に電子メールで送ることができます。

Fiddle

だから私は、しかし、それだけで私にはその内部以来、あまり意味がありません。生のHTMLを出力し、重複するのではなくを作るXMPタグにHTMLおよび出力にクローンのクローンを作成する方法を見つけましたxmpタグ、私は行方不明か分からないことがあります。

$(document).ready(function() { 

$('.toggleSwitch').click(function(){ 
    $('.redSquare').toggleClass('toggleBorder'); 
    $(this).toggleClass("on"); 
}); 

$('.output').click(function(){ 
    var $code = $('.container').clone(); 
    $('.outputCon').html($code); 
}); 

}); 

Answer 1

の代わりに：

$('.output').click(function(){ 
    var $code = $('.container').clone(); 
    $('.outputCon').html($code); 
}); 

用途：

$('.output').click(function(){ 
     var $code = $('.container').html(); 
     $('.outputCon').text($code); 
    });