ajax不能正常执行

$(document).ready(function(){
       $("div > img").css({"border":"1px solid #6a6a6a","padding":"3px","background":"#e2e2e2"});
       $("span img").bind("click", function(){
            
             $.ajax({
                  type:"POST",
                  url:"OP.php?Action=Del",
                  data:{
                             ID:$(this).attr('id'),
                             Src:$(this).parent().prev().prev().attr("src")
                   },
                   success:function(data){
                         if(data == "1") {
                             $(this).parents(".li").remove();
                             alert("删除成功！");
                         }
                    }
            
           });
        
     });
    
});
</script>



html部分：

<ul class="ul">
       <{section name=comments loop=$BrandExhibit}>
              <li class="li">
                    <div>
                            <img src="<{$basePath}><{$BrandExhibit[comments]->path}>" height="111" width="140" /><br/>
                            <span><img src="../images/del.jpg" id="<{$BrandExhibit[comments]->ID}>"/></span>
                    </div>
              </li>
      <{/section}>
</ul>

我在服务器端文件里根本接收不到post过来的值，好像ajax没有执行！大虾们给帮忙看看！谢谢了！

firebug调试结果呢？
如果不会的话，去搜索学习一些如何？