tengo una página con 3 div en contenteditable:

    <div class="herra">
	    <div title="Negreta"><b style="font-size: 2em;">N</b></div
		<div title="Cursiva"><i style="font-size: 2em;">K</i></div
		<div title="Subratllar"><u style="font-size: 2em;">S</u></div>
	</div>
    <div class="text" contenteditable="true" id="txt1"></div>
	<div class="text" contenteditable="true" id="txt2"></div>
	<div class="text" contenteditable="true" id="txt3"></div>
    <script>
        $($('.herra div')[0]).click(function() {document.execCommand('bold', false, null);});
    </script>
Lo que quiero conseguir es poner el texto seleccionado del div que esté escribiendo en negrita, he probado con <b>`document.execCommand('bold', false, null);`</b> pero no me funciona.

Uso jquery. Gracias de antemano.