show hidden data attribute on click

by ian_smithz

HTML

<h2 class="show-title"><span class="sub header">SHOW TITLE</span> <span id="episode-title">EPISODE 1</span></h2>

<p>EPISODE 1 DESCRIPTION</p>
<a href="#" class="change-title" data-desc="EPISODE 1 Description" data-text="EPISODE 1">video 1</a>

<a href="#"  class="change-title" data-desc="EPISODE 2 Description" data-text="EPISODE 2">video 2</a>

JavaScript

$(function () {
    $(".change-title").on("click", function (e) {
        $("#episode-title").text($(this).data("text"));
        $('p').text($(this).data("desc"));
    });
});