Why wont my jquery facebox AJAX script open my external HTML page?
<p>I have the following HTML file which uses a jQuery AJAX script to fetch an external HTML page in facebox. However, when i run the program facebox open but it does NOT fetch or show my external HTML page. Does anyone know why? Can anyone help me to fix this problem? Thanks in advance to all. </p>

<p>My code is shown below</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
&lt;head&gt;
&lt;title&gt;Facebox Demo&lt;/title&gt;
    &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;        &lt;/script&gt;
    &lt;script type='text/javascript'          src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'&gt;&lt;/script&gt;
    &lt;script src="../../jquery/jquery-1.2.2.pack.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://apis.google.com/js/plusone.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"     type="text/javascript"&gt;&lt;/script&gt;

&lt;script src="facefiles/jquery-1.2.2.pack.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="facefiles/facebox.css" media="screen" rel="stylesheet" type="text/css" /&gt;
&lt;script src="facefiles/facebox.js" type="text/javascript"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox() 
    })
&lt;/script&gt;

&lt;script type="text/javascript" charset="utf-8"&gt;
    $(function(){
        $.ajax({
            url:"external.html",
            success:function(data){
                $.facebox(data);
            }
        });
    })
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;p&gt;&lt;a href="external.html" rel="facebox"&gt;View "External.htm" fetched via Ajax&lt;/a&gt;&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
