title: jQueryUI Tabs - New tabs using POST
body: <p>I am using jQuery Tabs (from this example: <a href="http://jqueryui.com/demos/tabs/#manipulation" rel="nofollow">http://jqueryui.com/demos/tabs/#manipulation</a>) and want to add a new tab with contents from an external source. This external source requires POST parameters before data can be retrieved. The results back from the external source should create and populate a new tab showing those results on the new tab. </p>
  
  <pre><code>$( "#tabs" ).tabs({
      ajaxOptions: {
          error: function( xhr, status, index, anchor ) {
              $( anchor.hash ).html("Unable to load content for this form. Please contact your web administrator");}
      }
  });
  
  ...
  
  function addTab() {
    $.post(
      "/test.php", // External source URL
      { id: "11" }, // Sets POST data
      function (data) {
          $('#tabs').tabs("add", data, $tab_title); // should create a new tab with the results from the external source
      }
    );
  }
  </code></pre>
  
  <p>What I have doesnt work. Anyone else have a working copy with this setup?</p>