How to delete a list element via ajax

ajax.py

def delete_practice(request):
    if request.is_ajax and request.POST:
        kb_practice_id = request.POST.get('kb_practice_id')
        Practice.objects.get(id=kb_practice_id).delete()
        return HttpResponse(json.dumps({}), content_type="application/json")
    else:
        raise Http404

knoledgebase_base.js

function delete_practice(){
    $(".actions .delete-practice").click(function (){
        var isGood=confirm('Irreversible Action! Are you sure want to delete this PRACTICE from KB once for all?');
        if (isGood) {
            var $row = $(this).parents(".practice-row");
            var $practice_id = $(this).parents(".practice-row").find(".practice-id input").val();
            console.log("$practice_id id")
            console.log($practice_id)
            console.log($row)
            console.log("$practice_id id")
            //delete from database as well
            $.ajax({
                type: "POST",
                url: "/knowledgebase/delete/practice/",
                dataType: "json",
                data: {"kb_practice_id": $practice_id},
                success: function (data) {
                    //console.log("all good");
                    //remove it from screen if success in deleting at the database
                    $($row).remove();
                },
                error: function (data, errmsg, err) {
                    console.log("something wrong in deleting practice");
                    console.log(data);
                    console.log(errmsg);
                    console.log(err)
                }
            });
        }
    })
}

page.html

<TD>
  <a href="/knowledgebase/delete/practice/{{ practice.id }}/">Delete Practice</a>
</TD>

url.py

url(r'^delete/practice/', 'knowledgebase.ajax.delete_practice'),