Add selected values to a div w/ jQuery
<p>I have a table with values.</p>

<pre><code>&lt;table id="myTable"&gt;
&lt;tr&gt;
    &lt;th title="Text to copy to list"&gt;header 1&lt;/th&gt;
    &lt;th title="Text to copy to list"&gt;header 2&lt;/th&gt;
    &lt;th title="Text to copy to list"&gt;header 3&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;Value 1&lt;/td&gt;
    &lt;td&gt;Value 2&lt;/td&gt;
    &lt;td&gt;Value 3&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;div id="selectedVlues"&gt;&lt;/div&gt;
</code></pre>

<p>I need to be able to click on a  with value and add that value to the #selectedVlues div, while adding a class="added" to that column.</p>

<p>I need to be able to select any number of th and list them one below another.</p>

<pre><code>&lt;div id="selectedVlues"&gt;
    header 2&lt;br&gt;
    header 3&lt;br&gt;
&lt;/div&gt;
</code></pre>

<p>If I click on a selected item either in the table header or the list, needs to remove that item from the list and remove class="added" from the column.</p>

<p>So far I have only this:</p>

<pre><code>$(".myTable th").click(function() {
    var headerVal = $(this).text();
    $("#selectedVlues").text(catVal+"&lt;br&gt;");
});
</code></pre>

<p>Not really sure how to add the rest...</p>
