Добавить цифры (значения) входные данные в каждом р, и когда закончите оповещение наибольшее число

Question

Например, у меня есть два тега p, и в каждом из них есть два input с (эти входные данные просто принимают числа). Я хочу добавить цифры в каждый тег p на входе, и когда это будет сделано, оповестить наибольшее число в этих двух тегах p.

Пример:

Первый p: первый номер (значение) ввода: 1, второй вход это: 2.
Второй p: первый вход: 3, второй вход: 4.

Добавление чисел в каждый тег p:
Первый p: 3 & Второй p: 7

Я хочу предупредить 7, потому что это самый высокий номер

Как мне это сделать с помощью jQuery?

Моя попытка: (это не работает)

<p>
    <input type="text" value="1"/>
    <input type="text" value="2"/>
</p>
<p>
    <input type="text" value="3"/>
    <input type="text" value="4"/>
</p>


$('button').live('click', function(){    
    var i = 0;
    $('p').each(function(){        
        $('input',this).each(function(){
            i += Number($(this).val());
            //alert(val);
            //if(val > i)  {i = val; }
        })
        var val = Math.max.apply( Math, $(i).map( function(){
            return 0|this.value;
        }).get());
        alert(val);
    });     
});

Демо: http://jsfiddle.net/uj4xr/

Answer 1

или без рамки: http://jsfiddle.net/vxCjU/4/

Answer 2

var max=0;
$("p").each(function(){ 
    var i; 
    $("input",this).each(function(){
        i+= Number($(this).val());
    });
    if (i>max) max=i;
})
alert(max);