Loading local files via jQuery
<p>Spent 3 hours reading reference, but still no effect, so asking here.</p>

<p>OS:      Windows 7 (is it relevant?)<br>
 Browser: Opera 11.51<br>
 jQuery:  1.6.2</p>

<hr>

<p>Two files on a local machine, <strong>main.html</strong> and <strong>menu.html</strong> in the same folder.</p>

<p>main.html:</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript" src="js/jquery-1.6.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
        // append contents
        $('#menu').load('menu.html');
      });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td id="menu"&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>menu.html:</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  menu tree
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>As I guess, when I open main.html, there should be one table with one cell containing "menu tree" string. And it works, for example, in IE. But Opera doesn't show any result.</p>

<p>I debugged the stuff with optional callback for load(), it shows that result status for load() is "error".</p>

<p>What am I doing wrong?</p>
