Идентификатор данных продолжает возвращаться undefined

Question

По какой-то глупой причине идентификатор данных продолжает возвращаться неопределенным.

  <div class="slideshow-nav"> 
       <div class="slideshow-nav-button" data-id"slideShow1">1</div> 
       <div class="slideshow-nav-button" data-id"slideShow2">2</div> 
       <div class="slideshow-nav-button" data-id"slideShow3">3</div> 
       <div class="slideshow-nav-button" data-id"slideShow4">4</div> 
       <div class="slideshow-nav-button" data-id"slideShow5">5</div> 
      </div> 

Я также заменил идентификатор данных на обычный идентификатор без эффекта.

JS

$('.slideshow-nav-button').click(function(){ 
    var slideShowNextSlide = $(this).data('id'); 
}); 

Это не работает либо

$('.slideshow-nav-button').click(function() { 
    var currentId = $(this).attr('id'); 
    console.log(currentId); 
    alert(currentId); 
}); 

Answer 1

data-id"slideShow1" 

должно быть:

data-id="slideShow1" 

И то же самое с остальными, конечно.