title: Store table data using localstorage and passing it to a form
body: <p>Right now I am trying to use HTML5's localStorage API to grab a value from a table, and pass that value into a form. </p>
  
  <p>For example, when a user clicks on "Sign Up Today" on this form: <a href="http://yft.ac/upcoming-workshops/" rel="nofollow">http://yft.ac/upcoming-workshops/</a>, I want the information from the given row (Date, Time, Location), as well as the heading above it (ex: YFT Admissions Insights) to be stored, and then displayed in the field "Workshop Interested In" on this page: <a href="http://yft.ac/contact-us/" rel="nofollow">http://yft.ac/contact-us/</a>.</p>
  
  <p>I'm really not the best with JavaScript but here is what I have so far: </p>
  
  <p><strong>Contact Us:</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>$('input#workshop').text( localStorage.getItem('workshop') );
  </code></pre>
  
  <p><strong>Upcoming Workshops Page:</strong></p>
  
  <pre><code>$('body').on('click', 'a.button', function(){
      var index = $(this).parents('table').index('table');
      var cur_workshop = $(this).parents('.innercontent').find('h3').eq(index).text();
      localStorage.setItem('workshop', cur_workshop);
  });
  </code></pre>
  
  <p>I just tried to piece this together so the above code isn't working, but I hope that it is a good jump start for somebody that might be more well-versed in JavaScript. </p>