problema com animação em jQuery

[Hugo Borges_120734 6]

galera, montei um sistema de input personalizado, que tem uma animação igual a do android.

 

O problema é, criei 2 input custo e valor_pallet. Quando adiciono um valor no custo e clico fora dele o mesmo valor e colocado no valor_pallet, porem a animação não funciona.

 

 

Alguém poderia me ajudar com isso?

 

Segue o código:

 

https://jsfiddle.net/L1xt0h23/

[William Bruno 1501]

$('#valor_pallet').val(custo).trigger('blur');

[Hugo Borges_120734 6]

Funciona perfeitamente:

 

https://jsfiddle.net/L1xt0h23/1/

 

 

Porem tem mais uma coisa, notei que o valor se é copiado para o input depois que eu clico fora dele. Tem alguma forma de alterar o valor em tempo real? ou seja quando eu digitar ele ja muda o valor.

[William Bruno 1501]

yep.. use o evento onkeyup ou onkeydown.. veja qual melhor te atende.