title: jQuery grabbing header results in empty content
body: <p>I know this sounds weird. But I'm using the jQuery Cycle plugin with a WordPress site to pull in a custom post type as a banner image with content. For the pagination, I want the post title to be the link text, rather than your standard "1 2 3 4..." etc.  </p>
  
  <p>I managed to figure out how to do it - but now I have a fun new issue.  <del>When I pull the post title and pop it into the pagination link, my post content disappears.  It would seem jQuery is grabbing what it finds, <em>removes it</em>, and pops the items it's looking for in the link button. Which is weird.</del></p>
  
  <p>Anyway, would anyone know how to fix this? This is my jQuery code:</p>
  
  <pre><code>jQuery(document).ready(function ($) {
              $('#slideshow div.slide:first').fadeIn(1000, function() {
                  $('#slideshow').after('&lt;div id="pagination"&gt;&lt;div id="page_inner"&gt;&lt;ul&gt;').cycle({
                      fx: 'scrollHorz',
                      speed: 500,
                      timeout: 0,
                      pager: '#pagination #page_inner ul',
                      pagerAnchorBuilder: function(idx, slide) { 
                          $('.slide_caption', slide).children('h3');
                          //alert($(slide).text());
                          return '&lt;li&gt;&lt;a href="#"&gt;' + $(slide).text() + '&lt;/a&gt;&lt;/li&gt;';
                      }
                  });
              });
          });
  </code></pre>
  
  <p>Basically, I want the jQuery to look in the slide_caption div, find the first <code>&lt;h3&gt;</code> tag and copy that text and pop it in for the link button text. It's finding it <del>and doing it with the above code - but it's also stripping out all of the content in the slide_content div while doing so.</del> and now it's pulling in the entire content of the post into the button, instead of just the <code>&lt;h3&gt;</code> tag.</p>
  
  <p>Any help would be appreciated! Thank you :)</p>