Problems implementing History plug in or BBQ, need help

Problems implementing History plug in or BBQ, need help

Hello,
 
I am using the following code to change content without changing the page along with Jquery
 
  1. var AjaxContent = function(){
        var container_div = '';
     var content_div = '';
     return {
      getContent : function(url){
       $(container_div).animate({opacity:10}, //Turn the opacity to 0
         function(){ // the callback, loads the content with ajax
          $(container_div).load(url+" "+content_div, //only loads the selected portion
          function(){        
             $(container_div).animate({opacity:1}); //and finally bring back the opacity back to 1
         }
        );       
       });
      },
      ajaxify_links: function(elements){
                $(elements).live('click',function(){
                 window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-0);
                    AjaxContent.getContent(this.href);
                    return false; //prevents the link from beign followed
                });
      },
      init: function(params){ //sets the initial parameters
       container_div = params.containerDiv;
       content_div = params.contentDiv;
       return this; //returns the object in order to make it chainable
      }
     }
      
    }();



























  2. $(document).ready(function() {
  3.   AjaxContent.init({containerDiv:"#wrap_content",contentDiv:"#tv, #product_specs"}).ajaxify_links("#wrap_content [href]");
     });
      so everything works perfect and the url change on back button click, BUT content does not update and all refresh does not function. I was trying to plug in history.js and bbq, but nothing works. I am not very familiar with JS.   Could you please help me to implement any of history plug in, please