Hiding/Showing column of a table with thead and tbody, thead shown in wrong place
<p>I have got a table with many columns (50+).</p>

<p>First of all, my examplecode: <a href="http://jsbin.com/irudo/2/" rel="nofollow">http://jsbin.com/irudo/2/</a></p>

<p>On clicking one of the th's it is said, to hide and add a new span to the page, to be shown again. The hiding works great, and the span is added to the page. But when i click the added span, nothing happens. I added non dynamically spans to the page, to see if my function works, and it does.</p>

<p>So, first question: Why do my added spans not have the click-event attached to them?</p>

<p>On showing the hidden th and td fields, my ths are not shown in the correct place where they were before hiding. They always appear beneath the table.</p>

<p>So, second question: Why do they appear at this position?</p>
