jquery fadein , fadeout isnt working
===



                 <div id="ranking">
                                        <div id="ranking_wrapper">
                                            <h5>Select site ranking</h5>
                                            <img src="images/star.png" width="23" height="23" alt="" border="0">
                                            <input type="hidden" name="sitename" value="webcamking">
                                            <input type="radio" name="rank" value="1">1
                                            <input type="radio" name="rank" value="2">2
                                            <input type="radio" name="rank" value="3" checked="checked">3
                                            <input type="radio" name="rank" value="4">4
                                            <input type="radio" name="rank" value="5">5
                                            <img src="/images/star.png" width="23" height="23" alt="" border="0">
                                            <p><input type="submit" value="Rank This Site" id="rank_submit"></p>
                                        </div>
                                   
                                        <div id="response" style="display:none;" >
                                            <h5>Loading...</h5>
                                            <img src='images/ajax_loader.gif' class='img_center'/>
                                        </div>
                                            </div>
                                <script>
                                            $("#rank_submit").click(function(){
                                        
                                              $("#ranking_wrapper").fadeOut(0);
                                                $("#response").fadeIn('slow');
                                                $("#response").fadeOut('slow',function(){
                                                    
                                                     $("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');
                                                });
                                                
                                            });
                                </script>

The problem is that as soon after the element is faded out, it doesnt add the div element to the ranking div.

             $("#response").fadeOut('slow',function(){
                                                    
                                                     $("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');
                                                });

the callback function isnt working..why?!!?