hide child element on click
<p>I am trying to hide "arrow_o" on click of "thead" but it is not working. Does jquerys "children" not work in tables?</p>

<p>html</p>

<pre><code>&lt;thead class="thead"&gt;
  &lt;tr&gt;
    &lt;th&gt;
      &lt;div class="arrow_o"&gt;&lt;/div&gt;
    &lt;/th&gt;
  &lt;/tr&gt;
&lt;/thead&gt;
</code></pre>

<p>js</p>

<pre><code>$(document).ready(function() {
  $('.thead').click(function() {
    $(this).children('.arrow_o').hide();
  });
});
</code></pre>
