JSFiddle - React, Tailwind, and code Playground

HTML

<div id="search_box">
    <form action="http://mfrp.ehclients.com/search_results" id="cse-search-box">
        <div>
            <input type="hidden" name="cx" value="017425724926122041548:1ccj3d-e1-s" />
            <input type="hidden" name="cof" value="FORID:9" />
            <input type="hidden" name="ie" value="UTF-8" />
           <input type="text" id="q" name="q" value="Search..." size="31" />
        </div>
    </form>
    <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
</div>

JavaScript

$('#q').blur(function(){
    $(this).css('background','none');
    if(this.value == '') {
       this.value = this.defaultValue;
    }
}).focus(function() {           
    if(this.value == this.defaultValue) {
       this.value = '';
    }
});