jquery convert alphabet of a given paragraph to numbers and calculate them
<p>for example a = 1, b = 2, c = 1 <p>
so that &lt;p> cab &lt;/p> would be a sum of 4! 
<p>and then update that number into a span after the paragraph,</p>

<p>Preferably I would like to use it on a contentEditable=true (or textarea) and have it update automatically on key up so live or bind.</p>

<p>what would be the best way to start ?</p>

<p>&amp; Happy new year!</p>

<hr>

<p>have started with</p>

<p><code>$('p').append('&lt;span&gt;&lt;/span&gt;');
$('p').live().each(function(){$(this).hover(function(){$('span',this).replaceWith('&lt;span&gt;' + ($(this).text().length - $('span',this).text().length ) + '&lt;/span&gt;')})})</code></p>

<p>and am stuck at figuring out how to update newly added paragraphs to this p which is a contenteditable = true</p>

<p>havn't started on the a=1 b=2 code part yet</p>
