Uncaught jQuery UI Tabs: Mismatching fragment identifier.

Uncaught jQuery UI Tabs: Mismatching fragment identifier.

Do not run in IE8 and chrome, i have this error with this code :

  1. <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  2. <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
  3. <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. var pdata = eval('('+'{"client":[["test1","test1"],["test2","test2"],["test3","test3"],["test4","test4"],["test5","test5"],["test6","test6"],["test7","test7"],["test8","test8"],["test9","test9"]]}'+')');
  7.    
  8.         for(i in pdata['client']){
  9.         $('#tabs ul').append('<li><a href="#tabs-'+i+'">'+pdata['client'][i][0]+'</a></li>');
  10.         $('#tabs').append('<div id="tabs-'+i+'><p>'+pdata['client'][i][1]+'</p></div>');
  11.         }     
  12.         $("#tabs").tabs();             
  13. });
  14. </script>
  15. </head>
  16. <body>
  17.     <div id="tabs"><ul></ul></div>  
  18. </body>
  19. </html>