how to change the content place in html pages without changing header and footer

I have five html pages ,al开发者_运维知识库l pages have same search tab,header,footer, my question is when enter particular searchtext and click search only the content place where the output will be displayed has to be changed in the html pages without change in header and footer. I am using html ,javascript,jquery on clientside and webservices with c# coding on the server side

The easiest answer would be to use jQuery's .ajaxComplete or .load(). Look at those and, if you have a specific problem implementing them we can help out.