Перетаскивание HTML 5 jQuery: e.dataTransfer.setData () с JSON

Вот мой запуск перетаскивания:

dragstart: function(e) {
    $(this).css('opacity', '0.5');
    e.dataTransfer.effectAllowed = 'move';
    e.dataTransfer.setData('application/json', {
        id: $(this).attr('id'),
        header: $('header', this).text()
    });
},

Я хотел бы передать некоторую информацию, такую ​​как идентификатор и текст. Мое падение - :

drop: function(e) {
    var data = e.dataTransfer.getData('application/json');
    alert(data);
    $(this).attr('id', data.id);
    $('header', this).text(data.header);
},

Но данные не определены, я не могу получить к ним доступ. Правильно ли это?

Спасибо!