title: jquery Tabs with ajaxOptions
body: <p>Scratching my head on this one. With jQuery tabs I am attempting to use ajaxOptions to post data to the page before I load it.</p>
  
  <p>So I have a form on the page before my tabs with some input fields. ie,</p>
  
  <pre><code>&lt;form id="myform" method="post"&gt;
  &lt;!-- inputs etc --&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Then my tabs</p>
  
  <pre><code>&lt;div id="tabs"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;Preloaded&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="ajax/content1.html"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;div id="tabs-1"&gt;
      &lt;p&gt;Initital content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ok so now I should be able to serialize my form so when click a tab it should be a post request ie,</p>
  
  <pre><code>$( "#tabs" ).tabs({
      ajaxOptions: {
          type: 'post',
          data: $("#myform").serialize(),
          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." );
          }
      }
  });
  </code></pre>
  
  <p>It does perform the post request but the form data is always empty. </p>
  
  <p>Any ideas why?</p>
  
  <p>Thanks</p>
  
  <p>Lee</p>