Placeholder & dynamic font color with jQuery

HTML

<div class="dynamicColor">
    
    <div class="styles"></div>
    
    <textarea name="text" placeholder="scientifik"></textarea>    
    
</div>

CSS

.dynamicColor textarea::-webkit-input-placeholder { color:red; }
.dynamicColor textarea::-moz-placeholder { color:red; }

JavaScript

var color = '#BADA55';

// now on every function call .html will replace the .style div with new styles
$(".styles").html("<style>.dynamicColor ::-webkit-input-placeholder{color: " + color + "!important;} .dynamicColor ::-moz-placeholder{color: " + color + "!important;} .dynamicColor ::-ms-input-placeholder{color: " + color + "!important;}</style>");