Using Jquery fadeOut() how can hide this Msg box
<p>i am trying to close(<em>fadeout</em>) the message box when i click the close button. But here it is not working. help me to fix this.</p>

<p>before it close automatically. if i click the close button the message box should hide. but here it is not working</p>

<p>Here is my <a href="http://jsfiddle.net/sureshpattu/rxR5E/6/" rel="nofollow">Jsfiddle</a></p>

<p>Here is my script;</p>

<pre><code>$('.msg_close_icon_div').click(function(){
    $('.error_msgbox').fadeOut('slow');    
});

$('.error_msgbox').hide().fadeIn('slow').delay(4500).fadeOut('slow');
</code></pre>

<p>if user not click the close button(<em>it is there in topright corner</em>) then i want to close the message box automatically after 3sec.
​</p>
