title: Slideshow with headline and caption outside the slideshow
body: <p>I am working with <a href="http://responsive-slides.viljamis.com/" rel="nofollow">http://responsive-slides.viljamis.com/</a> and need to have a headline and paragraph display and rotate outside the slideshow. Something similar to this:</p>
  
  <p><a href="http://www.rodale.com/smoothie-ingredients" rel="nofollow">http://www.rodale.com/smoothie-ingredients</a>?</p>
  
  <p>I am not much of a JS guy and tried a few options to no prevail. My current code is:</p>
  
  <pre><code>  &lt;script&gt;
  $(function () {
  
    // Slideshow
    $("#slider").responsiveSlides({
      auto: false,
      pager: false,
      nav: true,
      speed: 500,
      maxwidth: 728,
      namespace: "large-btns",
      before: function(){
          }, // Function: Before callback
      after: function(){
          $(".current").html($(".rslides").find("li#" + $("." + this.namespace +     "1_on").attr("id")).index() + 1);
      } // Function: After callback
    });
  $(".total").html($(".rslides li").index() + 1);
  });
  </code></pre>
  
  <p></p>
  
  <p>I tried appending a DIV for the slide H3 and P to display in but I can't get it. Any help would be greatly appreciated.</p>
  
  <p></p>