title: FUEL CMS / CodeIgniter issue with jQuery Accordion - Not Working @ all
body: <p>I cannot get the jQuery UI Accordion to work inside one of my very simple CodeIgniter Views, not sure what is going on but I suspect it has something to do with how I linked the files. I have tried every possible combination of relative URL I can think of.</p>
  
  <p>Here is my Controller that loads my header view and then the primary view. This is working as I can see all of the HTML, just the jQuery isnt doing its thing:</p>
  
  <p><strong>Controller:</strong>
      
  
  <pre><code>function __construct()
  {
      parent::__construct();
  }
  
  public function index()
      {
        $this-&gt;load-&gt;view('header');
        $this-&gt;load-&gt;view('main');
      }
  }
  </code></pre>
  
  <p>My 2 Views:</p>
  
  <p><strong>HEADER VIEW</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;my site&lt;/title&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="ROBOTS" content="ALL" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
    &lt;meta name="keywords" content="&lt;?=fuel_var('meta_keywords')?&gt;" /&gt;
    &lt;meta name="description" content="&lt;?=fuel_var('meta_description')?&gt;" /&gt;
    &lt;!-- Base Spider CSS --&gt;
    &lt;link type="text/css" rel="stylesheet" href="&lt;?php echo base_url(); ?&gt;assets/css/sunny/jquery-ui-1.8.18.custom.css" /&gt;
    &lt;!-- [END] --&gt;
    &lt;script src="&lt;?php echo base_url(); ?&gt;assets/js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8" /&gt;
    &lt;script src="&lt;?php echo base_url(); ?&gt;assets/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript" charset="utf-8" /&gt;
  
    &lt;script&gt;
  $(function() {
      $( "#accordion" ).accordion();
  });
  &lt;/script&gt;      
  </code></pre>
  
  <p></p>
  
  <p><strong>MAIN VIEW</strong></p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="accordion"&gt;
      &lt;h3&gt;&lt;a href="#"&gt;First header&lt;/a&gt;&lt;/h3&gt;
        &lt;div&gt;First content&lt;/div&gt;
      &lt;h3&gt;&lt;a href="#"&gt;Second header&lt;/a&gt;&lt;/h3&gt;
        &lt;div&gt;Second content&lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I echo my base_url() I get <a href="http://www.mywebsite.com/site1/" rel="nofollow">http://www.mywebsite.com/site1/</a>**</p>
  
  <p>My CSS, JS and other assets are in a folder at the site root level
  + assets
     + js
     + css
     + images</p>
  
  <p>I have made sure the folders are all writable, not sure what else it could be.
  The controller is rendering the view correctly and the HTML is showing up, just no jQuery action.</p>