[SOLUCIONADO] Tengo 2 <section> con 2 <div> cada uno, al estilo de 2 grupos de input rario

[quico5]

Tengo 2 <section> con 2 <div> cada uno, al estilo de 2 grupos de input rario independientes, el problema aparece en que no estan aislados y un section interfiere con el otro

Código:

<script>
	$(document).ready(function(){
		$('div').click('click',function(){
			$('.active').removeClass('active');	
			$(this).addClass('active');	
		});
	});
</script>

Código HTML:

<section>
  <div>Verde</div>
  <div>Rojo</div>
</section>
<section>
  <div>Manaza</div>
  <div>Tomate</div>
</section> 

[quico5]

Lo he resuelto así:

Código:

<script>
	$(document).ready(function(){
		$('div').click('click',function(){
			$(this).addClass('active').siblings('div').removeClass('active');
		});
	});
</script>