Loading content in page via jQuery
You might already know this but you can add a library class called 'template' it allows you to make a kind of a masterpage where you can load all different php files, for example your header - content - footer or anything else, seperately into one page.

Your controller will look like this for example:

 public function example() {
        $partials = array('header' =&gt; 'header', 'navigation' =&gt; 'navigation', 'content' =&gt; 'content');
        $this-&gt;template-&gt;load('masterpage.php', $partials);
    }


Read more at http://ellislab.com/codeigniter%20/user-guide/libraries/parser.html

It's really use to use once you know how it's done.

For example you could use for every page the same navigation but another index and header.

The masterpage looks like this:

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
&lt;?php echo $navigation; ?&gt;
&lt;?php echo $header; ?&gt;
&lt;?php echo $content; ?&gt;
        &lt;div id="footer"&gt;
            &lt;div class="container"&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;


The last thing you need to do is search for the library file on the net upload it and autoload the library in your configs, file: autoload or just in the constructor of your controller. I recommend autoloading the template library because you normally use it at every end of a controller to make the full view.