title: jquery ui tab at both top and bottom
body: <p>I would like to have a Jquery UI tab with top and button menu function, is it possible to do that ?
  (the content are loaded via ajax ,what i mean is the top tab and bottom tab both at the same time.) </p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
      $(function() {
          $( "#tabs" ).tabs({                 
              ajaxOptions: {
                  error: function( xhr, status, index, anchor ) {
                      $( anchor.hash ).html(
                          "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                          "If this wouldn't be a demo." );
                  }
              },
              cookie: {
                  // store cookie for a day, without, it would be a session cookie
                  expires: 1
              }
          });
  });
  &lt;/script&gt;
  &lt;div id="tabs"&gt; 
      &lt;ul id="top"&gt; 
         &lt;li&gt;&lt;a href="top1.php"&gt;top 1&lt;/a&gt;&lt;/li&gt; 
         &lt;li&gt;&lt;a href="top2.php"&gt;top 2&lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt; 
      &lt;ul id="bottom"&gt; 
         &lt;li&gt;&lt;a href="bottom.php"&gt;bottom 1&lt;/a&gt;&lt;/li&gt; 
         &lt;li&gt;&lt;a href="bottom.php"&gt;bottom 2&lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you in advance!</p>