[jQuery][JavaScript] Nadanie wartosci zmiennej przy wybraniu pola RADIO oraz sumowanie tych zmiennych Opcje

[Ciosek]

Witam.

Co chce zrobic:
Chce przypisac przyciskowi radio zmienna a nastepnie wyswietlic sume tych zmiennych

Szczegolowy opis dzialania
Mam dwie grupy przyciskow radio.
Osoba zaznacza pole w pierwszej grupie i w tym momencie zmiennej "sect1" przypisana jest odpowiednia wartosc ( np: 100 )
Nastepnie osoba zaznacza pole w drugiej grupie i w tym momencie zmiennej "sect2" przypisana jest odpowiednia wartosc ( np: 200 )
Na koncu chce aby te wartosci byly zsumowane ( 100 + 200 ) i wyswietlil sie wynik 300

Czego bym nie chcial (o ile to mozliwe)
Korzystania z "value" w radio. Wartosci z "value" maja byc przeslane dalej i roznia sie one od tych ktore chce dodawac

Moj niedzialajacy kod

[HTML] pobierz, plaintext 
 
<script>	
$(document).change(function(){
var suma = sect1 + sect2;
$('#test').html(suma);
});
</script>
 
<div id="test"></div>
 
<input id="g1r1" type="radio" name="art" value="small" onclick="var sect1 = 100;"/>
<input id="g1r2" type="radio" name="art" value="med" onclick="var sect1 = 200;"/>
<input id="g1r3" type="radio" name="art" value="big" onclick="var sect1 = 300;"/>
 
<input id="g2r1" type="radio" name="color" value="small" onclick="var sect2 = 100;"/>
<input id="g2r2" type="radio" name="color" value="med" onclick="var sect2 = 200;"/>
<input id="g2r3" type="radio" name="color" value="big" onclick="var sect3 = 300;"/>
 
[HTML] pobierz, plaintext