title: change form action with radio buttons
body: <p>I would like to implement something similar to a google search with radio buttons.  Depending on the radio button selected, would change the type of search (search,images,video, etc).  </p>
  
  <p>Right now I have:</p>
  
  <pre><code>&lt;div id ="searchtext"&gt;
   &lt;form method="get" id ="searchbox" action="http://www.google.com/search"/&gt;
   &lt;input type="text" name="q" size="30" class="searchtext" maxlength="255" value="" /&gt;
   &lt;input type="image" value="Search" class="searchbutton" src="images/searchbar/searchbutton.png"/&gt; 
  
  &lt;br/&gt;
  &lt;/div&gt;
  &lt;div id="radiosearch"&gt;
  &lt;input type="radio" name="radiosearch" onclick="document.searchbox.action='http://www.google.com/search?q=';" checked="checked"/&gt; Web
  &lt;input type="radio" name="radiosearch" onclick="document.searchbox.action='http://images.google.com/images?q=';"/&gt;Images
  &lt;input type="radio" name="radiosearch" onclick="document.searchbox.action='http://maps.google.com/maps?hl=en&amp;amp;tab=wl?q=';"/&gt;Maps
  &lt;input type="radio" name="radiosearch" onclick="document.searchbox.action='http://www.youtube.com/results?q=';"/&gt;Youtube
  &lt;span class = "class1"&gt;
  &lt;a href ="" onclick="loadthepopup();" name ="radiosearch"&gt;Change Theme&lt;/a&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, clicking on the radio boxes is not changing the form action. Any Ideas?</p>