title: Change text on multiple elements on click with jquery
body: <p>I'm working on a video page and I need to be able to change the title and description when the corresponding link is clicked. I already have it working with the title, but I'm not sure how to change the description at the same time also.</p>
  
  <pre><code>&lt;h2 class="show-title"&gt;&lt;span class="sub header"&gt;SHOW TITLE&lt;/span&gt; &lt;span id="episode-title"&gt;EPISODE 1&lt;/span&gt;&lt;/h2&gt;
  
  &lt;p&gt;EPISODE 1 DESCRIPTION&lt;/p&gt;
  
  
  &lt;a href="#" onclick="playlist.play(0,0);return false;" class="change-title" data-text="EPISODE 1"&gt;video 1&lt;/a&gt;
  
  &lt;a href="#" onclick="playlist.play(0,1);return false;" class="change-title" data-text="EPISODE 2"&gt;video 2&lt;/a&gt;
  
  
  $(function() {
      $(".change-title").on("click", function(e) { 
          $("#episode-title").text($(this).data("text")); 
      });
  });
  </code></pre>