Cloned row requesting same function
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/12877232/call-same-function-by-a-cloned-list-row">Call same function by a cloned list row</a>  </p>
</blockquote>



<p>I am trying to make a simple calculation to work.</p>

<p>I have the following running:</p>

<p><a href="http://jsfiddle.net/vSyK6/41/" rel="nofollow">http://jsfiddle.net/vSyK6/41/</a></p>

<p>Basically, the way it works now is this:
When you select an option on the drop down list it will display the content based on the option selected. Then when you select the same option again it will add, basically clone the same row.
Now, when the second option is selected "Option2" it will display an empty textbox. When you enter a number it will or should call the a function where we make a basic calculation. The function is already in the script.<br><br>
However, when we have two empty textboxes it should call the same calculation function but calculate seperately and puts it in a different div. The div# where we display the amount is a called "amount"<br><br>
Basically, it should work like this:</p>

<pre><code>First Empty textbox -&gt; 100 -&gt; 100 * 22.38 = display result in div#1
Second Empty textbox -&gt; 230 -&gt; 230 * 22.38 = display in div#2
</code></pre>

<p>any idea on how to accomplish that ?</p>
