Select alimenta input ajax+php

Bom Dia, Boa Tarde, Boa Noite!

Estou com dificuldade numa função onde o select deveria alimentar os inputs, porém não está.

função ajax

$(function(){
 $('select[name=refri]').change(function(){
 //alert($('select[name=refri]').val())
 $.ajax({
 type: 'post',
 url: 'refri.php',
 data: 'refri='+$('#refri').val(),
 dataType: 'json',
 success: function(bebida){
 var cod = bebida.cod_bebida;
 //var nome = bebida.nm_nome;
 var valor = bebida.vl_bebida;
 var valor = valor.replace(".", ",");

 $("input[name='refri_cod']").val(cod);
 $("input[name='refri_valor']").val(valor);
 }
 })
 })
})

<input type="text" name="refri_cod" size="4" value=""/><?php foreach ($refri->display() as $bebida){?>
<select name="refri1" id="refri1">
 <option>Selecione uma bebida</option>
 <option><?php echo utf8_encode($bebida['NM_NOME']);}?></option>
</select>
<input type="text" name="refri_valor" size="5" value="" />

função php

require_once 'app/db/db.php';

$pdo = new Database();
$pdo->instace;

$refri = $_POST['refri'];

$dados = $pdo->query("SELECT * FROM BEBIDAS WHERE NM_NOME like _utf8 '$refri';");

$refri_nome = $dados->fetch_array(MYSQLI_BOTH);

$i = json_encode($refri_nome);