Add Row to Table

by Hifni Nazeer

HTML

<div>
    <table border=1 id='liste'>
        <tbody>
        <tr>
            <td>a1</td>
            <td align="right">10</td>
        </tr>
        <tr>
            <td>a2</td>
            <td align="right">9</td>
        </tr>
        <tr>
            <td>a3</td>
            <td align="right">151</td>
        </tr>
        </tbody>
        <tfoot></tfoot>
    </table>
</div>
<input type='button' id='btn' value="click"/>

JavaScript

$(document).ready(
	function(){
    	
        
        $('#btn').click(
        	function(){
            	var l=liste.rows.length;
                alert(l);
    			var d;
    			var den=0;
                var cellValue;
                
    			for (var i=0;i<l;i++) {
        			cellValue = liste.rows[i].cells[1].innerHTML;

                    if (isNaN(d)){
                    	den += parseFloat(cellValue);		
                    }
    			}
                
                alert(den);

                $('#liste tfoot').append('<td></td>'+ 
'<td align="right">'+den+'</td>');
            }
        );
    }
);