printing a hidden tag on the page with jquery
<p>i have some tr tags with a checkbox in each and when the user clicks on any of the checkboxes i want the content from that tr to be written anywhere on the page</p>

<p>Here is the HTML:</p>

<pre><code>&lt;tr class="gradeA odd"&gt;
 &lt;td&gt;&lt;input id="instance_selected0" name="instance_selected0" value="2" type="checkbox"&gt;&lt;/td&gt;
 &lt;td&gt;September 15, 2010&lt;/td&gt;
 &lt;td&gt;Melbourne Vic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class="gradeU even"&gt;
 &lt;td&gt;&lt;input id="instance_selected1" name="instance_selected1" value="2" type="checkbox"&gt;&lt;/td&gt;
 &lt;td&gt;Thursday September 16, 2010 at 07:00 PM&lt;/td&gt;
 &lt;td&gt;Sydney Nsw&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>So if the user clicks on the first checkbox i need this to be inserted in the page in the div class .fields. this div is already on the page and its empty currently.</p>

<p>This is what i need to be inside it</p>

<pre><code>&lt;input id="request_venue" name="request[venue]" type="hidden" value="Melbourne Vic" /&gt;&lt;/div&gt;
&lt;input id="request_showdate" name="request[showdate]" type="hidden" value="September 15, 2010" /&gt;   
</code></pre>

<p>any ideas</p>
