How do I remove the default Google Search Value from Google Search box?
<p>I am trying to use a little jQuery to "hide" the initial value in a Google Search box when you click in the box and I am missing something.</p>

<p>Here is the search box code:</p>

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

<p>Here is the jQuery:</p>

<pre><code>&lt;script type="text/javascript"&gt;
  $('#q').click(function() {           
  if($(this).val() == 'Search...') 
  $(this).val('');
  });
&lt;/script&gt;
</code></pre>

<p>Only problem is, it doesn't work. Here is the <a href="http://mfrp.ehclients.com/" rel="nofollow">page</a>.</p>

<p>I would appreciate some help sorting this out.</p>

<p>Thanks,</p>

<p>Forrest</p>
