preencher campos ao clicar em botao

Tipo assim o form ta em branco, mas se eu clicar no botao preencher ele preenche os campos endereço, telefone, cep, estado , cidade e bairro, como faço isso??

<?php
 include('conexao/conectar.php');
 $consulta = mysql_query("SELECT * FROM cadcontratante ORDER BY matricula DESC");
 $campos = mysql_fetch_array($consulta);
 $matricula = $campos['matricula'];
 $endereco = $campos['endereco'];
 $numero = $campos['numero'];
 $complemento = $campos['complemento'];
 $bairro = $campos['bairro'];
 $cidade = $campos['cidade'];
 $estado = $campos['estado'];
 $cep = $campos['cep'];
 $telresidencial = $campos['telresidencial'];
?>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <link type="text/css" rel="stylesheet" href="css/estilo.css">
 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/maskedinput.js"></script>
 <title>Cadastro de Aluno</title>
 <script type="text/javascript">
$(document).ready(function(){
 $(function(){
 $.mask.addPlaceholder("~","[+-]");
 $("#telresidencial").mask("(99)9999-9999");
 $("#telcomercial").mask("(99)9999-9999");
 $("#celular").mask("(99)9999-9999");
 $("#cep").mask("99999-999");
 $("#data").mask("99/99/9999");
 $("#cpf").mask("999.999.999-99");
 $("#cnpj").mask("99.999.999/9999-99");
 $("#rg").mask("99.999.999-9");
 });
 $("img").click(function(){
 alert("ate aqui funciona");
 });
});
</script>
 </head>
 <body>
 <div class="container">
 <form method="post" action="cadastro.php?acao=cadalunos" class="form">
 <h1>Cadastro de Aluno</h1>
 <p class="matricula">
 <label for="matricula">Matricula</label>
 <input type="text" name="matricula" value="<?php echo $matricula; ?>">
 </p>
 <p class="cpf">
 <label for="cpf">CPF</label>
 <input type="text" name="cpf" id="cpf">
 </p>
 <p class="rg">
 <label>RG:</label>
 <input type="text" name="rg" id="rg">
 </p>
 <p class="nome">
 <label>Nome</label>
 <input type="text" name="nome">
 </p>
 <p class="nascimento">
 <label>Nascimento:</label>
 <input type="text" name="nascimento" id="data">
 </p>
 <p class="idade">
 <label>Idade:</label>
 <input type="text" name="idade">
 </p>
 <p class="endereco">
 <label>Endereço:</label>
 <input type="text" name="endereco"> <img src="images/refresh.png" alt="Copia Endereço">
 </p>
 <p class="numero">
 <label>Nº</label>
 <input type="text" name="numero">
 </p>
 <p class="complemento">
 <label>Complemento:</label>
 <input type="text" name="complemento">
 </p>
 <p class="bairro">
 <label>Bairro:</label>
 <input type="text" name="bairro">
 </p>
 <p class="cidade">
 <label>Cidade:</label>
 <input type="text" name="cidade">
 </p>
 <p class="uf">
 <label>UF</label>
 <input type="text" name="uf">
 </p>
 <p class="cep">
 <label>CEP:</label>
 <input type="text" name="cep" id="cep">
 </p>
 <p class="telcomercial">
 <label>Tel. Comercial:</label>
 <input type="text" name="telcomercial" id="telcomercial">
 </p>
 <p class="telresidencial">
 <label>Tel. Residêncial:</label>
 <input type="text" name="telresidencial" id="telresidencial">
 </p>
 <p class="celular">
 <label>Celular:</label>
 <input type="text" name="celular" id="celular">
 </p>
 <p class="email">
 <label>Email:</label>
 <input type="text" name="email">
 </p>
 <p class="escola">
 <label>Escola:</label>
 <input type="text" name="escola">
 </p>
 <p class="submit">
 <input type="submit" name="submit" value="Cadastrar">
 </p>
 </form>
 </div>
 </body>
</html>