title: Prefilled HTML forms FROM buttons
body: <p>I hope this question has an obvious answer to anyone who knows his way around JS and HTML :)</p>
  
  <p>I have a very specific problem. I am trying to add to the header on a site buttons that will function like 'quick searches' which will basically on click send pre-filled form values to my search page and have the search page also populate these values in the ajax form inside.</p>
  
  <p>Here is a sample search page that's outside of the results page:
  <a href="http://www.thediamondsexperts.com/index.php?route=product/diamondsearch/jewelry" rel="nofollow">http://www.thediamondsexperts.com/index.php?route=product/diamondsearch/jewelry</a></p>
  
  <p>You'll notice that when you change the values there and click Search, the values also appear in the ajax form on the sidebar of the search results page.</p>
  
  <p>What I simply want to do is create different variations for pre-set searches, and put them as buttons in the header.</p>
  
  <p>When I try to put a few invisible forms in it won't work because of the multiple form values with the same ids but in general I think there must be a simple way to do this server side.</p>
  
  <p>For instance, copy the current function that accepts the search, have it with pre-set values instead of populating the values from the form and then simply calling that function onClick. Does that make sense?</p>
  
  <p>I need to create something simple enough though that would be easy for the admin to later change and customize more buttons so a client-side solution would be best.</p>
  
  <p>Your help is much appreciated!</p>