Pass text within a div (number) through calculation in real time?
<p>For lack of a better title, I'm looking to take the example I have in my <a href="http://jsfiddle.net/stebesplace/gYf4h/7/" rel="nofollow">jsfiddle</a>, and convert it to pull the number that's within a div (it will always be a number):</p>

<pre><code>&lt;div class="output" id="i1"&gt;100&lt;/div&gt;
</code></pre>

<p>And pass that number through a formula, to spit it out in real time to a <strong>p</strong> tag (doesn't need to be a p tag, could be another div.</p>

<pre><code>&lt;p&gt;200&lt;/p&gt; or &lt;div id="i2"&gt;200&lt;/div&gt;
</code></pre>

<p>Where the 200 above, is calculated by adding the original value of the div id #i1, plus 100. Right now, the fiddle shows that when you enter in a value for the input, it spits out the real time calculation.</p>

<p>So the question is, what would it look like where instead of an input value, the function would be pulling the numerical data out of the DIV tag, running it through a function, and spitting it back out into a paragraph tag? I think the bulk of it is completed functionality wise, but can't quite figure out the pulling from DIV text.</p>

<p>Some posts I've looked at already include <a href="http://stackoverflow.com/questions/12892120/javascript-real-time-calculation">this one about real time inputs</a>, <a href="http://stackoverflow.com/questions/12913367/pulling-through-text-into-div">this one on calculations and displaying</a>, and a few others on here. </p>

<p><strong>SOLUTION</strong></p>

<p><a href="http://jsfiddle.net/stebesplace/gYf4h/10/" rel="nofollow">This fiddle</a> shows the solution for me. It's far simpler than I had before. There was a solution given below regarding a listener plugin, which looked pretty good, but way overkill for what I needed.</p>
