title: javascript onblur function not working
body: <p>I can't get onblur function at second row onwards, please help me.
  Here is my code.</p>
  
  <p><strong>javascript</strong>    </p>
  
  <pre><code>function calc()
  {
  var fi = document.getElementById("one");
  var se = document.getElementById("two");
  var th = fi.value * 59.63;
  document.getElementById("three").value=th;
  } 
  function addRow(){ 
  //var table=document.getElementById('countTable');
  var tbody=document.getElementsByTagName('TBODY')[0];
  var row=document.createElement('TR');
  var cell1=document.createElement('TD');
  var cell2=document.createElement('TD');
  var cell3=document.createElement('TD');
  
  var cell1value='';
  cell1value+='One &lt;input type="text" name="one" id="one" value=""&gt;';
  var cell2value='';
  cell2value+='Two &lt;input type="text" name="two" id="two" value=""&gt;';
  var cell3value='';
  cell3value+='Three &lt;input type="text" name="three" id="three" value=""&gt;';
  
  cell1.innerHTML=cell1value;
  cell2.innerHTML=cell2value;
  cell3.innerHTML=cell3value;
  
  row.appendChild(cell1);
  row.appendChild(cell2);
  row.appendChild(cell3);
  
  tbody.appendChild(row);
  //alert(table+' '+row+' ');
  }
  </code></pre>
  
  <p><strong>HTML</strong>   </p>
  
  <pre><code>&lt;table name="entry" width="100%" id="countTable"&gt;
  &lt;TBODY&gt;
  &lt;tr&gt;
  &lt;td&gt;One 
  &lt;input type="text" name="one" id="one" value="" onBlur="calc();"&gt;
  &lt;/td&gt;
  &lt;td&gt;Two
  &lt;input type="text" name="two" id="two" value="" onBlur="calc();"&gt;
  &lt;/td&gt;
  &lt;td&gt;Three
  &lt;input type="text" name="three" id="three" value=""&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/TBODY&gt;
  &lt;/table&gt;
  
  &lt;input type="button" name="add" value="Add" onClick="addRow();"&gt;
  </code></pre>