Image as delete button

Hi everyone, I'm very new to DataTables. I've played around a bit but i can't seem to get the delete image i append to each row to do a delete server-side.

$('#example tbody tr a.delete').live('click',function(event){
				var iPos = oTable.fnGetPosition(event.target.parentNode);
					var aData = oTable.fnGetData(iPos);
					var iId = aData[0];				
							var values = aData[0];
							if ( confirm( "Are you sure you want to delete the selected rows?" ) )
								$.ajax({
								  url: "includes/delete.php",
								  type: "post",
								  data: {cid:aData[0]},
								  success: function(){
									  if ($("#example").length > 0 && oTable)
											  {
												  oTable.fnDraw(true);     
											  }
									alert("Record successfully deleted.");
									      
								  },
								  error:function(){
									  alert("failure");
									  $("#result").html('there is error while submit');
								  }   
								});
});