title: How does the jQuery UI Tab Functionality work with a URL?
body: <p>I'm trying to follow the example:
  <a href="http://jqueryui.com/tabs/" rel="nofollow noreferrer">http://jqueryui.com/tabs/</a></p>
  
  <pre><code>    &lt;script type="text/javascript" src="js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /&gt;    
      &lt;script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script&gt;    $(function() {        
  $( "#tabs" ).tabs({ beforeLoad: function( event, ui )
   { ui.jqXHR.error(function()
   {  ui.panel.html( "Couldn't load this tab. We'll try to fix this as soon as possible. " +  "If this wouldn't be a demo." );               
   });           
   }        
  });    
  });    
  &lt;/script&gt;
      &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="http://mywebsite/sompage.asp?item=123"&gt;Tab 1&lt;/a&gt;
          &lt;/li&gt;       
  
           &lt;/ul&gt;    
           &lt;div id="tabs-1"&gt;       
              &lt;p&gt;Stuff preloaded.  Just text.p&gt;    
           &lt;/div&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>When I click "Tab 1," I get nothing but the error message.  How does the tab get created to display any data at all?  I only see <code>&lt;div id="tabs-1"&gt;</code>.  Preloaded works fine, url, no.  What am I doing wrong?  What is it expecting back from my .asp page?  Do I have to create a tab for it?  </p>
  
  <p>Thanks.  Sorry for the formatting, but when I copy and paste from the jquery page, it gets jumbled up.  I tried to clean it up.</p>
  
  <p><a href="https://stackoverflow.com/questions/12532301/jquery-ui-tab-loading-a-url">jQuery UI Tab Loading a url</a>  Has no answer</p>