Alert box not closing
<p>Please help with this div alert box...It doesn't close on click event </p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){   
    $('.nof-close').click(function(){
            $('.afp-p-now').fadeOut();
            $('.afp-p-now').css('display','none');

        }); 

    }); 
    &lt;/script&gt;

&lt;div class="flash-messages container afp-p-now"&gt;
        &lt;div class="flash flash-notice"&gt;Welcome to website...You are currently viewing me  
        &lt;span class="mini-icon mini-icon-remove-close nof-close close"&gt;&lt;/span&gt;
        &lt;/div&gt;
        &lt;/div&gt;
</code></pre>

<p>Any Idea will be much appreciated.Thanks.</p>
