title: Update <head> balise on Jquery/Ajax navigation Wordpress
body: <p>I am doing an ajax navigation for a wordpress website. I update the <code>#content</code> with fade, this is ok, but I want to just update my head with my new page head, I don't find!</p>
  
  <pre><code>$(document).ready(function () {
  
      //hash change
      $(window).hashchange(function () {
  
          //on retrouve le vrai lien
          var arg = window.location.hash.substring(3);
          var link = 'http://ladresse.graphsynergie.com/' + arg;
  
  
          $.ajax({
              url: link,
              processData: true,
              dataType: 'html',
              success: function (data) {
                  data = innerShiv(data, false);
                  var contenu = $(data).find("#contenu");
  
                  //problem part
                  var head = $(data).find('head').text();
                  document.head = head;
                  //problem part end
  
  
                  $('#contenu').fadeOut('200', function () {
                      $(this).html(contenu.html()).fadeIn('200');
                  });
              }
          });
      });
      //end
  
      //détection d'un hash onload
      if (window.location.hash.substring(3) != '') {
          $(window).trigger('hashchange');
      }
  });
  </code></pre>