Why FadeOut is not working?
<p>Take a look at this code:</p>

<pre><code>&lt;script&gt;
$(function(){
  $("div.note a").live("click", function(e) {
    e.preventDefault();

    answer = confirm("Delete?");    
    if (!answer) return false;

    $(this).parent().fadeOut('slow', function(){
      $(this).remove();
    });
  });  
});
&lt;/script&gt;
</code></pre>

<hr>

<pre><code>&lt;div id="note_list"&gt;
  &lt;div class="note"&gt;
    Text: 
    &lt;a href="#"&gt;X&lt;/a&gt;
  &lt;/div&gt;  
  &lt;div class="note"&gt;
    Text: 
    &lt;a href="#"&gt;X&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="note"&gt;
    Text: 
    &lt;a href="#"&gt;X&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="note"&gt;
    Text: 
    &lt;a href="#"&gt;X&lt;/a&gt;
  &lt;/div&gt;   
&lt;/div&gt;
</code></pre>

<p>Could somone tell me why the fadeout is not working? after the click the div is deleted but i don't see the fedeout effects. Why?</p>
