title: contents within the <head> not properly loaded when html page is fetched dynamically
body: <p>I used the below codes to dynamically load the html pages in index.html</p>
  
  <pre><code>$.ajax({
      url: "pages/sample.html",
      success: function (data) { 
      $(function() {
               $('html')
              .hide()
              .html(data)
              .fadeIn(500);
               });
      },
               dataType: 'html'
  });
  </code></pre>
  
  <p>Also tried</p>
  
  <pre><code> $('html').load("pages/menu/page3.html");
  </code></pre>
  
  <p>All the other contents within body tag are loaded in the resulting page but the css, js files are not shown in the head tag of the resulting page.</p>
  
  <p>Any help really appreciated!</p>