javascript - Alert box not closing -

please div alert box...it doesn't close on click event

<script type="text/javascript">     $(document).ready(function(){        $('.nof-close').click(function(){             $('.afp-p-now').fadeout();             $('.afp-p-now').css('display','none');          });       });      </script>  <div class="flash-messages container afp-p-now">         <div class="flash flash-notice">welcome website...you viewing me           <span class="mini-icon mini-icon-remove-close nof-close close"></span>         </div>         </div> 

any idea appreciated.thanks.

that because there nothing click on, span has no content. try this:

<script type="text/javascript"> $(document).ready(function(){        $('.nof-close').click(function(){         $('.afp-p-now').fadeout();             });     }); </script> <div class="flash-messages container afp-p-now">      <div class="flash flash-notice">welcome website...you viewing me            <span class="mini-icon mini-icon-remove-close nof-close close">[click here close]</span>      </div> </div> 

you change span button (<button class="mini-icon mini-icon-remove-close nof-close close">close</button>) .