javascript - Summernote data-value returns as undefined -

i have following code:

<?php $i=-1; foreach($contents $content): ?>     <?php $i++; ?>     <div class="tab-pane" id="<?php echo $content->contentname; ?>">         <div class="summernote" data-value="<?php echo $i; ?>">             <?php echo $content->content; ?>         </div>         <textarea name="<?php echo $content->contentname; ?>" id="<?php echo $i; ?>" class="form-control"></textarea>     </div> <?php endforeach; ?> 

and javascript:

<script>   $('.summernote').summernote({     height: 300,     onblur: function(e) {       var id = $(e.target).data('value');       var shtml = $(e.target).code();       $("#"+id).val(shtml);     }   }); </script> 

my problem var id returns undefined need return correct id.

i guessing summernote creates app inside div try

$('.summernote').summernote({     height: 300,     onblur: function(e) {         var id = $(e.target).closest('[data-value]').data('value');     } }); 

or assuming summernote not rid of class

$('.summernote').summernote({     height: 300,     onblur: function(e) {         var id = $(e.target).closest('.summernote').data('value');     } }); 

again don't know summernote @ all, if not work, if posted generated html or simplified version of it