title: Using jQuery to wrap a slide with a link (Wordpress Revolution Slider plugin)
body: <p>I'm using the Revolution slider plugin for wordpress. I have two slides, and I want to wrap the first slide with a link to a Wistia video. This is the code that Wistia provided to me:</p>
  
  <pre><code>&lt;a id="topopup" href="//fast.wistia.net/embed/iframe/dw1t2gykvu?popover=false"   
  class="wistia-popover[height=360,playerColor=00c5b7,width=640]"&gt;Watch Video&lt;/a&gt;
  &lt;script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/popover-v1.js"&gt; 
  &lt;/script&gt;
  </code></pre>
  
  <p>I can't add this code to the slide through Revolution slider, so I was going to give jQuery a shot.</p>
  
  <p>This is the structure of the sliders html:</p>
  
  <pre><code>&lt;div id="rev_slider_1_1_wrapper"&gt;
      &lt;div id="rev_slider_1_1"&gt;
      &lt;ul&gt;
         &lt;!-- SLIDE  --&gt;
        &lt;li data-transition="fade"&gt;
            &lt;!-- MAIN IMAGE --&gt;
            &lt;div class="slotholder"&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;!-- LAYERS --&gt;
            &lt;div class="tp-caption sft slidelink hasclicklistener"&gt;
              &lt;a target="_self" href=""&gt;
                   &lt;div&gt;&lt;/div&gt;
              &lt;/a&gt;
  
            &lt;/div&gt;
        &lt;/li&gt;
        &lt;!-- SLIDE  --&gt;
        &lt;li data-transition="fade"&gt;
            &lt;!-- MAIN IMAGE --&gt;
            &lt;div class="slotholder"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
             &lt;!-- LAYERS --&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>Any idea how I can use jQuery to wrap this around the first slide?</p>
  
  <pre><code>    &lt;a id="topopup" href="//fast.wistia.net/embed/iframe/dw1t2gykvu?popover=false"   
      class="wistia-popover[height=360,playerColor=00c5b7,width=640]"&gt;Watch Video&lt;/a&gt;
      &lt;script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/popover-v1.js"&gt; 
      &lt;/script&gt;
  </code></pre>