jquery fadein , fadeout isnt working
<pre><code>             &lt;div id="ranking"&gt;
                                    &lt;div id="ranking_wrapper"&gt;
                                        &lt;h5&gt;Select site ranking&lt;/h5&gt;
                                        &lt;img src="images/star.png" width="23" height="23" alt="" border="0"&gt;
                                        &lt;input type="hidden" name="sitename" value="webcamking"&gt;
                                        &lt;input type="radio" name="rank" value="1"&gt;1
                                        &lt;input type="radio" name="rank" value="2"&gt;2
                                        &lt;input type="radio" name="rank" value="3" checked="checked"&gt;3
                                        &lt;input type="radio" name="rank" value="4"&gt;4
                                        &lt;input type="radio" name="rank" value="5"&gt;5
                                        &lt;img src="/images/star.png" width="23" height="23" alt="" border="0"&gt;
                                        &lt;p&gt;&lt;input type="submit" value="Rank This Site" id="rank_submit"&gt;&lt;/p&gt;
                                    &lt;/div&gt;

                                    &lt;div id="response" style="display:none;" &gt;
                                        &lt;h5&gt;Loading...&lt;/h5&gt;
                                        &lt;img src='images/ajax_loader.gif' class='img_center'/&gt;
                                    &lt;/div&gt;
                                        &lt;/div&gt;
                            &lt;script&gt;
                                        $("#rank_submit").click(function(){

                                          $("#ranking_wrapper").fadeOut(0);
                                            $("#response").fadeIn('slow');
                                            $("#response").fadeOut('slow',function(){

                                                 $("#ranking").html('&lt;div id="response" style="display:none;"&gt; Thanks you for ranking webca.&lt;/div&gt;');
                                            });

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

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

<pre><code>         $("#response").fadeOut('slow',function(){

                                                 $("#ranking").html('&lt;div id="response" style="display:none;"&gt; Thanks you for ranking webca.&lt;/div&gt;');
                                            });
</code></pre>

<p>the callback function isnt working..why?!!?</p>
