strange jquery function behaviour
<p>I have this code inserted before the closing body tag: </p>

<pre><code>&lt;script type="text/javascript"&gt;
    jQuery(document).ready(function(){
        jQuery('.header-search-form, .hoverbgpfthnailiface ').click(function(e){

            var target = e.target;
            while (target.nodeType != 1) target = target.parentNode;

            if(target.tagName != 'TEXTAREA'){
                jQuery('.header-search-form').css({ 'display' : 'none' });
                jQuery('.imgcontainer').show();
            }

        });
    });
&lt;/script&gt;
</code></pre>

<p>The problem is that the script is not working, I checked the console and no errors. 
The strange this is that if I put this code in Chrome console it's working perfect. </p>

<p>What's wrong ? </p>

<p><a href="http://whiteandgold.ro/ipp/" rel="nofollow">Here</a> is the website if helps with something. </p>

<p>Any suggestions? </p>
