title: Summernote data-value returns as undefined
body: <p>I have the following code: </p>
  
  <pre><code>&lt;?php $i=-1; foreach($contents as $content): ?&gt;
      &lt;?php $i++; ?&gt;
      &lt;div class="tab-pane" id="&lt;?php echo $content-&gt;contentName; ?&gt;"&gt;
          &lt;div class="summernote" data-value="&lt;?php echo $i; ?&gt;"&gt;
              &lt;?php echo $content-&gt;content; ?&gt;
          &lt;/div&gt;
          &lt;textarea name="&lt;?php echo $content-&gt;contentName; ?&gt;" id="&lt;?php echo $i; ?&gt;" class="form-control"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;?php endforeach; ?&gt;
  </code></pre>
  
  <p>And then some javascript: </p>
  
  <pre><code>&lt;script&gt;
    $('.summernote').summernote({
      height: 300,
      onblur: function(e) {
        var id = $(e.target).data('value');
        var sHTML = $(e.target).code();
        $("#"+id).val(sHTML);
      }
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>My problem is that the <code>var id</code> returns as <code>undefined</code> What do I need to do to get this return the correct id.</p>