刪除div與Ajax不工作

Question

當我點擊一個按鈕，父div不會被刪除，什麼都沒有被調用。

我的JavaScript部分：

<script> 
    $(document).ready(function() 
{ 
    $('.delete').click(function() { 
     var parent = $(this).closest('div'); 
     $.ajax({ 
      type: 'get', 
      url: 'delete.php', // <- replace this with your url here 
      data: 'ajax=1&delete=' + $(this).attr('id'), 
      beforeSend: function() {    
       parent.animate({'backgroundColor':'#fb6c6c'},300); 
      }, 
      success: function() { 
       parent.fadeOut(300,function() { 
        parent.remove(); 
       }); 
      } 
     });   
    }); 
}); 

而我的HTML部分

<div> 
    Some name 
    <button type="submit" class="delete" value="Delete" id="multipleValues">Delete</button>         
</div> 

而且這個div是jQuery的dynatree擴展

Answer 1

<script> 
$(document).ready(function() { 
    $(document).on('click', '.delete', function() { 
     var this = $(this); 
     $.ajax({ 
      type: 'get', 
      url: 'delete.php', 
      data: {some_data:data}, 
      beforeSend: function() { 
       this.closest('div').animate({ 
        'backgroundColor': '#fb6c6c' 
       }, 300); 
      }, 
      success: function (data) { 
       this.closest('div').fadeOut(300, function() { 
        this.closest('div').remove(); 
       }); 
      } 
     });//ajax ends 
    });//click event ends 
});//dom ready ends 
<script>