title: Drag & Drop HTML 5 jQuery: e.dataTransfer.setData() with JSON
body: <p>Here it is my dragstart:</p>
  
  <pre><code>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()
      });
  },
  </code></pre>
  
  <p>I would like to pass some informations such id and text. My drop is:</p>
  
  <pre><code>drop: function(e) {
      var data = e.dataTransfer.getData('application/json');
      alert(data);
      $(this).attr('id', data.id);
      $('header', this).text(data.header);
  },
  </code></pre>
  
  <p>But data is undefined, I can't access to my data. Is it the right way?</p>
  
  <p>Thank's!</p>