title: reinitialize other javascript functions after loading a page with ajax pagination
body: <p>Apologies, a total newb here. How can I load other plugins, and let other separate scripts function after loading an ajax generated page? This is my curent code:</p>
  
  <pre><code>jQuery(document).ready(function($) {
  var $mainContent = $("load-content"),
  siteUrl = "http://" + top.location.host.toString(),
  url = ''; 
  
  $(document).delegate("a[href^='"+siteUrl+"']:not([href*='/wp-admin/']):not([href*='/wp-login.php']):not([href$='/feed/'])", "click", function() {
  
  if($.browser.msie){
  var myie="/"+this.pathname;
  location.hash = myie;
  //alert(location.hash);
  
  }else{
  
  location.hash = this.pathname;
  }
  return false;
  });
  
  
  $("#searchform").submit(function(e) {
  
  $search = $("#s").val();
  $search = $.trim($search);
  $search = $search.replace(/\s+/g,'+');
  
  location.hash = '?s='+$search;
  e.preventDefault();
  });
  
  $(window).bind('hashchange', function(){
  url = window.location.hash.substring(1);
  if (!url) {
  return;
  }
  
  url = url + " #content";
  
  $('html, body, document').animate({scrollTop:0}, 'fast');
  
  $mainContent.fadeOut(500, function(){$('#content').fadeOut(500, function(){
  $("#loader").show();});}).load(url, function() {
  $mainContent.fadeIn(500, function(){
  $("#loader").hide(function(){ $('#content').fadeIn(500);});});});
  });
  $(window).trigger('hashchange');
  
  
  });
  </code></pre>
  
  <p>How can embedded objects on pages retain their functionality? Mainly videos, slideshows and other media that use javascript like</p>
  
  <p><a href="http://videojs.com/">video js (html5 video player) </a></p>
  
  <p>vimeo</p>
  
  <p>and</p>
  
  <p><a href="http://wordpress.org/extend/plugins/portfolio-slideshow/">portfolio slideshow for wordpress</a> </p>