divタグでJavascriptが機能しないdivタグが実行後に追加される

Question

divをクリックしてぼかしすると、他のdivが最後に作成されますが、divをぼかしするとjavacriptが機能しません。 ？どのように修正する。

ありがとうございます。 サンプルは以下のとおりです。 http://jsfiddle.net/a4QNB/420/

JS：

var contents = $('.changeable1').html(); 
$('.changeable1').blur(function() { 
     $('#addItem').before('<div class=\"changeable1\" contenteditable=\"true\"> Click this div to edit it </div>'); 
}); 

Answer 1

新しいdivを動的に追加、そうeventを委任しようとなっています。

var contents = $('.changeable1').html(); 
$('body').on('blur','.changeable1',function() { 
     $('#addItem').before('<div class="changeable1" contenteditable="true"> Click this div to add an other div </div>'); 
}); 

注：jquery 1.6を使用しています。 onは、このバージョン

JSFIDDLE