UI Tabs, ajax/json Request, data not showing in tab

UI Tabs, ajax/json Request, data not showing in tab

Hello,

I'm a newbie jquery user and I'm using jquery-1.9/ui-1.9. When clicking on tab #1 the requested JSON-data doesn't appear. My js-Code looks like:

      $(function() {
       $( "#tabs" ).tabs({
        beforeLoad: function( event, ui ) {
         ui.jqXHR.fail(function( jqXHR, textStatus, errorThrown ) {
          ui.panel.html(
            "Daten konnten nicht geladen werden. " + "HTTP Status: " + jqXHR.status + " " + errorThrown );
         });
        }
       
       });









});

<div id="tabs">

<ul>

< li > < a href = "rest/cfehler/9410273345537" > Fehler </ a > </ li >

<li><a href="ajax/content3-slow.php">History</a></li>
<li><a href="ajax/content4-broken.php">Faelle</a></li> </ul>

<div id="tabs-1"></div>

</div>

What am I doing wrong? Setting ui.ajaxSettings.dataType = "html" or "json" don't help either.