contents within the <head> not properly loaded when html page is fetched dynamically
I used the below codes to dynamically load the html pages in index.html

    $.ajax({
    	url: "pages/sample.html",
	    success: function (data) { 
		$(function() {
    	         $('html')
                .hide()
	            .html(data)
                .fadeIn(500);
                 });
		},
    			 dataType: 'html'
	});

Also tried
 
     $('html').load("pages/menu/page3.html");

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.

Any help really appreciated!
contents within the <head> not properly loaded when html page is fetched dynamically
===

I used the below codes to dynamically load the html pages in index.html

    $.ajax({
    	url: "pages/sample.html",
	    success: function (data) { 
		$(function() {
    	         $('html')
                .hide()
	            .html(data)
                .fadeIn(500);
                 });
		},
    			 dataType: 'html'
	});

Also tried
 
     $('html').load("pages/menu/page3.html");

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.

Any help really appreciated!