Pass Info to form input when link is clicked
<p>I have some html that looks as so: </p>

<pre><code>&lt;h3 class="basic left-top-border-radius"&gt;Basic&lt;br /&gt; 500&lt;span&gt;$25&lt;/span&gt;&lt;/h3&gt;
    &lt;a class="signup colorbox" href="#text-signup-form"&gt;More Info&lt;/a&gt;
</code></pre>

<p>When More Info is clicked a lightbox pops up with a simple info request form. Here is my problem. I would like when the link is clicked to have the text of the h3 header passed to a form input field that is hidden so I know which plan they clicked on for more info.</p>

<p>The input looks like so: </p>

<pre><code>&lt;input type="text" class="cat_textbox" id="CAT_Custom_440761" name="CAT_Custom_440761" maxlength="1024" /&gt;
</code></pre>

<p>How would I do this using jQuery? (I thought of using jQuery <code>.text()</code> method but I read that does not work with forms and I do not know how to pass the h3 text anyway. </p>

<p><em><strong>NOTE</em></strong> There are multiple <code>h3</code> elements on the page. </p>
