title: Saving a variable through clicking an image
body: <p>I've been struggling with this for sometime now and still cant seem to find and answer. On my webpage I have 6 different individual pictures of weather. When the user clicks one, I want it to do two things-</p>
  
  <p>1) Save a variable to a table (Ex- You press the cloudy picture, 'cloudy' is saved to my table under the 'weather' colomn)</p>
  
  <p>2) It will redirect you to the next page (in this page you will enter a name, then submit that to the table and it will redirect you to another page where you will submit a story relating to the weather)</p>
  
  <p>As a result, this information will all be posted on a form that people can see. But my main issue is i cant get the weather variable to save to the database table AND redirect you to the next page, anyone know of a way?</p>
  
  <p>Here are two codes code I had some help on trying to figure out.</p>
  
  <p><a href="http://jsfiddle.net/np5Mv/" rel="nofollow">http://jsfiddle.net/np5Mv/</a></p>
  
  <p>and</p>
  
  <p><a href="http://jsfiddle.net/wDwSC/" rel="nofollow">http://jsfiddle.net/wDwSC/</a></p>