Load tab

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Status</title>
    <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <script>
        function statefunc(state) {
            function doit(){
                alert(state);
            }
            return doit
        }
        $(function() {
            $( "#maincontent" ).tabs({ ajaxOptions: {
                error: statefunc('error'),
                success: statefunc('success'),
                beforeSend: statefunc('beforesend'),
                complete: statefunc('complete')
            }});
            $( "#bottombar" ).tabs();
            $('a[data-taburl]').click(function(event){
                var $this = $(this);
                var tabid = $this.attr('data-taburl');
                var tabindex = parseInt($this.attr('data-tabindex'));
                remember_tabid = Array(tabid, tabindex);
                $(tabid).tabs('select', tabindex);
                $(tabid).tabs('url', tabindex, $this.attr('href'));
                $(tabid).tabs('load', tabindex);
                event.preventDefault();
            });
        });
    </script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" />
</head>
<body>
    <div id="maincontainer" class="container_16">
        <div id="content" class="grid_10 omega">
            <div id="maincontent">
                <ul>
                     <li><a href="#main1">Fül...