Usando jQuery tentando mudar a cor de fundo da caixa de texto, mas não funciona no wordpress

Aqui está o código jQuery que estou usando.

<input class="jscolor" name="jscolor" value="F078A0" />
<input name="my_txtbox" type="text" id="my_txtbox_id" value="F078A0" />

<script type="text/javascript">
jQuery('.jscolor').on('change', function($) {
    var color = jQuery('.jscolor').val();
    jQuery('#my_txtbox_id').text(color);
    jQuery('#my_txtbox_id').attr('value',color);
    jQuery('#my_txtbox_id').css('background-color',color);
});
</script>

Coloquei isso no meu arquivo de função do plugin#my_txtbox_id obter valor da cor, masbackground-color CSS não está funcionando.

Como resolver isso?

questionAnswers(1)

yourAnswerToTheQuestion