Enviar várias variáveis e retornar gráfico (JQUERY)

Olá,

Estou tentando enviar dados de um formulário para uma outra página, e tal página deve retornar pra mim um gráfico numa div com id=“retorno”,
tal formulário tem código, data1, data2 e loja, porém parece que as variáveis não estão sendo enviadas de forma correta.
Já fiz algo parecido porém só com uma variável, o código na verdade, mas com várias assim não.
Minha função jQuery está abaixo, acredito que tenha algo nela errado.
Se alguém puder ajudar eu agradeço.
Obrigado…

Onde está o código?

	$(document).ready(function() {

	//alert("teste 1 ");
		
   
        $('#formulario').submit(function() {
		
		//alert("teste 2");

            var codigo = $('#codigo').val();
            var data1 = $('#data1').val();
            var data2 = $('#data2').val();
            var loja = $('#loja').val();

            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: 'retorna_produto.php',
                async: true,
                data: {codigo, data1, data2, loja},
                //data: {'codigo='+ $('#codigo').val(),
                //	'data1='+ $('#data1').val(),
                //	'data2='+ $('#data2').val(),
                //	'loja='+ $('#loja').val()
            	//},
                success: function(data) {
                     $('#retorno').html(data);
                }
            });

            return false;
        });	
    });