jQuery.children selects parent too
<p>I have the following HTML;</p>

<pre><code>&lt;div id="pic_options_container"&gt;
  &lt;div id="pic_options_header"&gt;header text&lt;/div&gt;
  &lt;div id="pic_options_org"&gt;&lt;/div&gt;
  &lt;div id="pic_options_preview"&gt;&lt;img id="imgPreview" src="" /&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div style="clear:both;"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>What I am trying to achieve is; When clicked on pic_options_container the children of that div should hide. However, pic_options_container itself also gets hidden.</p>

<pre><code>$('#pic_options_container').click(function () {
    $(this).children().hide();
});
</code></pre>

<p>Anyone know of a solution or tell me what I'm doing wrong?</p>
