javascript - データ ID が未定義のまま戻ってくる

Question

なんらかの愚かな理由で、data-id が未定義のまま戻ってきます。

            <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>

また、データ ID を通常の ID に置き換えましたが、効果はありません。

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);
});