jQuery Change Input text upon selection of radio button
<p>Trying to get the value="" of <code>&lt;input class="box" type="text" value="??" name="searchQuery"</code>  to change upon selection of a radio button. So if the user presses 'first name' radio button for example, it changes the value of .box input to a value such as "Enter a first name" and have it do it for the other radio buttons as well.</p>

<p>Can anyone help? jQuery novice here :)  </p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;

    &lt;link rel="stylesheet" href="global.css"  media="screen" /&gt;
    &lt;link rel="stylesheet" href="design.css"  media="screen" /&gt;
    &lt;style type="text/css"&gt;
    .hidden {
    display: none;
    }
    &lt;/style&gt;
    &lt;script type="text/javascript" src="inc/jquery.js"&gt; &lt;/script&gt;
    &lt;script type="text/javascript"&gt;$(function() {$('input[type=text]').focus(function() {$(this).val('')});});&lt;/script&gt;
    &lt;!-- // --&gt;
**&lt;script&gt;
    $("#searchSelect").change(function () {
          var str = "";
          $("radio option:option1").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .change();
&lt;/script&gt;**
&lt;/head&gt;

&lt;body&gt;
&lt;div id="top_wrapper_bg"&gt;
    &lt;div id="wrapper_top"&gt;
        &lt;div id="header"&gt;
                &lt;div id="logo"&gt;
                &lt;a href="index.php"&gt;&lt;img src="img/logo-02-01-11.png" alt="logo-02-01-11" width="300" height="100" border="0" /&gt;&lt;/a&gt;
                &lt;/div&gt;&lt;!-- /logo --&gt;
                &lt;div id="header_image"&gt;
                right
                &lt;/div&gt;&lt;! -- /header_image --&gt;
                &lt;div id="clear"&gt; &lt;/div&gt;&lt;! -- /clear --&gt;
                &lt;div id="nav"&gt;
                nav
                &lt;/div&gt;&lt;! -- /nav --&gt;
        &lt;/div&gt;&lt;!-- /header--&gt;
    &lt;/div&gt;&lt;!-- /wrapper_top --&gt;
&lt;/div&gt;&lt;!-- /top_wrapper_bg --&gt;

&lt;div id="header_search_break"&gt; &lt;/div&gt;

&lt;div id="bot_wrapper_bg"&gt;       
    &lt;div id="wrapper_bottom"&gt;
            &lt;div id="search"&gt; 
                    &lt;span class="medfont"&gt;Search by:&lt;/span&gt; 
                        &lt;form id="searchSelect" action="#"&gt;
                            &lt;input type="radio" name="option1" value="First Name" /&gt;First Name&amp;nbsp;
                            &lt;input type="radio" name="option1" value="Last Name" /&gt;Last Name&amp;nbsp;
                            &lt;input type="radio" name="option1" value="Department" /&gt;Department&amp;nbsp;
                            &lt;input type="radio" name="option1" value="Course" /&gt;Course
                        &lt;/form&gt;
                        &lt;br&gt;            
                    &lt;input class="box" type="text" name="searchQuery" value="Select an option..." class="textField clearMeFocus" /&gt;
            &lt;/div&gt;&lt;!-- /search --&gt;
            &lt;div id="latest_stats"&gt;
            &lt;p&gt;Stats&lt;/p&gt;
            &lt;/div&gt;&lt;!-- /latest_stats --&gt;
            &lt;div id="clear"&gt; &lt;/div&gt;
        &lt;div id="contain_stats"&gt;
                &lt;div id="latest_prof"&gt;
                latest prof
                &lt;/div&gt;&lt;!-- /latest_prof --&gt;

                &lt;div id="top_prof"&gt;
                top prof
                &lt;/div&gt;&lt;!-- /top_prof --&gt;
                &lt;div id="clear"&gt; &lt;/div&gt;&lt;! -- /clear --&gt;
        &lt;/div&gt;&lt;!-- /contain_stats --&gt;
        &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;

        &lt;h6 style="margin:0; padding:0; font-size:0.3em;"&gt;&lt;a href="prof.php"&gt;Prof Page&lt;/a&gt;&lt;/h6&gt;

    &lt;/div&gt;&lt;!-- /wrapper_bottom --&gt;
&lt;/div&gt;&lt;!-- /bot_wrapper_bg --&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
