Функция Джанго и Аякс

Question

Я пытаюсь запустить функцию jquery по щелчку ссылки и вернуть измененный HTML. Это код:

Html

                      <li>
                        <a runat="server" href="javascript:void(0);" onclick= "myFunction( '{{ playlist.name }}')" >{{ playlist.name }}</a> 
                      </li>

Javascript

$(document).ready(function() {
});

var myFunction = function(playlist){
    console.log(playlist);

    $.ajax({
        url: '/ajax/select_playlist/',
        data: {
            'playlist': playlist
        },
        dataType: 'json',
        success: function (data) {
            console.log('This is not executing');
            console.log(data);
            $('#to_replace').html(data);
        },
    });
}

Views.py:

def select_playlist(request):

    playlist = request.GET.get('playlist', None)
    selected_playlist = Playlist.objects.get( name  = playlist)
    print(playlist)
    print(selected_playlist)
    html = render_to_string('Play/playlist_detail_ajax.html', {'sel_playlist': selected_playlist})
    return HttpResponse(html)

Работает нормально до функции ajax, я не могу понять, что я делаю неправильно с этой функцией success.