Unobtrusive Google Custom Search

<div id="site-search" class="box">
    <div class="hd">
        <h1>Site Search</h1>
        <form id="cse-search-box" action="http://google.com">
            <input type="hidden" name="cref" value="http://yourdomain.com/cref-cse.xml" />
            <input type="hidden" name="cof" value="FORID:11" />
            <input type="text" name="q" tabindex="0" />
            <button class="cmd" type="submit" name="sa" value="Search" accesskey="s" >
                <strong class="accesskey">S</strong>earch
            </button>
        </form>
    </div>
    <div id="cse-search-results" class="bd"></div>
    <div class="ft">
        <!-- Google CSE Init -->
        <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
        <script type="text/javascript">
            var cseSearchResultsHost = "";
            var googleSearchIframeName = "cse-search-results";
            var googleSearchFormName = "cse-search-box";
            var googleSearchFrameWidth = 800;
            var googleSearchDomain = "www.google.com";
            var googleSearchPath = "/cse";
            document.getElementById(googleSearchFormName).action = cseSearchResultsHost;
        </script>
        <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
        <!-- End CSE Init -->
        <p>Powered by Google Custom Search.</p>
    </div>
</div>