title: jQuery .load : Response ok but content not loading
body: <p>I'm using jQuery with CI for loading a view in this tag:</p>
  
  <pre><code>&lt;div id="browseresults"&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>This script is placed after the <code>&lt;/body&gt;</code> tag:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;//&lt;![CDATA[ 
      jQuery.noConflict();
      jQuery(document).ready(function() {
          //Load the results view
          jQuery('#browseresults').load("&lt;?= base_url() . $this-&gt;uri-&gt;segment(1) . '/browse/results/' . $this-&gt;uri-&gt;segment(3) . '/ '.$this-&gt;uri-&gt;segment(3, 0);?&gt;", function() {
    alert('Load was performed.');
           });
      }); 
  //]]&gt;
  &lt;/script&gt; 
  </code></pre>
  
  <p>Note, that any parameters are passed in the URL segments. In the controller I'm returning the content with this line:</p>
  
  <pre><code>$this-&gt;load-&gt;view('browse/browse_results', $main_data);
  </code></pre>
  
  <p>Using Firebug I can see that the status is 200 and the html content is generated as it should (also the callback is executed).</p>
  
  <p>Although I can see the html page in Firebug, <strong>the content is not displayed in the browser at all</strong>. Note also that I have successfully used a similar procedure in another controller/view.</p>