Question For Creating Vimeo Gallery

Question For Creating Vimeo Gallery

I have a video gallery, using Vimeo, where I have a main player at the top, title, date, description underneath that, with a thumbnail list of other videos at the bottom. I have it working where you click the thumbnail and it updates the url in the main player. The only thing left is to update the title, date and description. Here is what I have so far.

top video, title, date and description html:
  1. <iframe src="//player.vimeo.com/video/{series_weeks:seriesWkVidId}?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933" id="video-iframe" width="700" height="394" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  3. <h2 id="wkTitle">{video_title}</h2>
  4. <p id="wkDate" class="date">Date: {series_weeks:seriesWkDate format="%m/%d/%Y"}</p>
  5. <p id="wkDescription">{video_description}</p>

The thumbnail section:
  1. <a href="#" title="{video_title} - {series_weeks:seriesWkDate format="%m/%d/%Y"}" class="videoThumbnail video-thumbnail" rel="//player.vimeo.com/video/{series_weeks:seriesWkVidId}?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933"><img src="{video_thumbnail}" alt="{video_title} - {series_weeks:seriesWkDate format="%m/%d/%Y"}" class="img-responsive" /><span class="playButton"></span></a>

The jQuery:
  2. $(function() {
  3.     $('.video-thumbnail').click(function(e) {
  4.         $('#video-iframe').get(0).src = this.getAttribute('rel');;
  5.     });
  6. });   

Could someone give me a hand?