Не работает скрипт подсчета

[adidas_pro]

Вообщем нужно что то типа калькулятора цен:
Вот что получилось, но цену прибавлят когда сначало отметил чекбокс а потом снял галку. И если ставлю еще одну галку то тоже не пересчитывает. Короче криво считает. Кто что подскажет?

Вот чекбосы со значениями

PHP код:

<input type="checkbox" value="20" name="checkbox1" class="price"/>Windows
 <input type="checkbox" value="10" name="checkbox2" class="price"/>Linux
 <input type="checkbox" value="10" name="checkbox3" class="price"/>Английский
 <input type="checkbox" value="10" name="checkbox4" class="price"/>Русский
 <p id="summ">Итого : <strong><span></span></strong></p> 


Вот js

PHP код:

<script>

 $('.price').click(function()
{
$("#summ span").text("50");
var price = 50;
    $.each($('.price:checked'))
    {
        price += parseInt($(this).val());
    }
});    
 </script> 


[adidas_pro]

up up up

[adidas_pro]

Так с прибавлением разобрался, а ка ктеперь сделать что бы когда снимали галку то и сумма вычиталась?
А то, когда снимаю галку то сумма так и остается.

Чекбосы что и выше, а вот js

PHP код:

 <script>
$("#summ span").text("50");
var price = 50;
 
 $('.price').click (function()
{
    $(this + '.price:checked').each(function() {
    price += parseInt($(this).val());
    });
                
    $("#summ span").text(price);
});    
      </script> 


[Cronos20]

PHP код:

<script>
 $('.price').click(function(){
        var price = 50;
    $('.price:checked').each(function(){
        price += parseInt($(this).val());
    });
     $("#summ span").html(price);
});    
 </script> 


[adidas_pro]

Сообщение от Cronos20

PHP код:

<script>
 $('.price').click(function(){
        var price = 50;
    $('.price:checked').each(function(){
        price += parseInt($(this).val());
    });
     $("#summ span").html(price);
});    
 </script> 


Все, разобрался, спасибо!