title: JQuery not working after AJAX Pagination
body: <p>I have a JQuery function/script that I'm using for posts on a blog that upon hover of the post image shows the post title, excerpt, and link.  </p>
  
  <p>Additionally, I have an AJAX Fade Out/Fade In pagination script running and when I go to the next set of posts in the pagination, the first JQuery script doesn't run any longer.  I know I need to be using the .live function somehow for jQuery, however I can't seem to figure it out.  Here are the two scripts.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
         $(function() {
              $(".capslide_img").capslide({
                  caption_color : '#516077',
                  caption_bgcolor : '#dbe2f0',
                  overlay_bgcolor : '#dbe2f0',
                  border   : '4px solid #dbe2f0',
                  showcaption     : false
              });
  
          });
      &lt;/script&gt;
  
  
  
   &lt;script type="text/javascript" charset="utf-8"&gt;
   jQuery(document).ready(function(){
  
   jQuery('#postPagination a').live('click', function(e){
    e.preventDefault();
    var link = jQuery(this).attr('href');
    jQuery('#page-wrap').fadeOut(500).load(link + ' #contentInner', function(){ jQuery('#page-wrap').fadeIn(500); });
  
   });
  
   });
  
   &lt;/script&gt;
  </code></pre>
  
  <p>Thanks for your help.</p>