Problema ao exibir Div ao clicar em radio button e outra div

Boa noite pessoal,

Estou com um problema e gostaria da ajuda dos amigos:

Em uma página de escolha de forma de pagamento gostaria de fazer aparecer uma div que está oculta quando seleciono a opção pelo radio button.

Funciona ok clicando direto no radio button, porém o radio button também é selecionado ao clicar sobre o nome da opção na DIV (exemplo: Boleto Bancário). E quando clico sobre o nome da opção a DIV oculta não aparece.

Gostaria de exibir a DIV oculta tanto ao clicar sobre o nome Boleto bancário como ao clicar no radio button.

o html é mais ou menos assim:

<div class="selection row">
 <div class="col-xs-6 text-left"><strong>Boleto Bancário</strong> 10% de Desconto</div>
 <div class="col-xs-6 text-right"><input type="radio" name="payment" value="boleto" checked="checked" /></div>
</div>

<div id="campos">
 Exibe instrução
 <div

	 

	Meu jquery está assim:

$("input[name=payment]").change(function(data){
 var selection = $("input[name=payment]:checked").val();
 console.log(selection);
 if(selection != "boleto")
 $("#campos").hide();
 else
 $("#campos").show('fast');
});

$("#campos").hide();

	 

	VLw pessoal..