jQuery tabs don't work with external content

jQuery tabs don't work with external content

Hi all,

I've got a problem with jQuery tabs. I just can't load external content in the tabs, although I'm just following what is specified in the jQuery API reference to achieve this.

Below is my HTML page. I just started from the jQuery demos page that comes with the download.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <title>jQuery UI Example Page</title>
     <link type="text/css" href="css/sunny/jquery-ui-1.8.2.custom.css" rel="stylesheet" /> 
     <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
     <script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
     <script type="text/javascript" src="widget/script"></script>








     <script type="text/javascript">//<![CDATA[
     $(document).ready(function() {
     $('#tabs').tabs({remote:true});
     });
     //]]></script>
     <style type="text/css">/*<![CDATA[*/
     #tabs {
     width:640px;
     }
     /*]]>*/</style>
     </head>
     <body>
     <div id="tabs">
     <ul>
     <li><a href="/html/widget/videos.html?id=18251" title="Videos">Videos</a></li>














     <li><a href="/html/widget/reviews.html?id=18251" title="Reviews">Reviews</a></li>
     <li><a href="/html/widget/info.html?id=18251" title="Info">Info</a></li>
     <li><a href="/html/widget/booking.html?id=18251" title="Booking">Booking</a></li>
     </ul>
     </div>
     </body>
    </html>











Thanks in advance for any help!

Kind regards,
Kristof