title: jQuery mobile/ ui simple import
body: <p>I've never done jQuery Mobile before - having trouble getting this simple tabbed example to work. </p>
  
  <p>Problem: tabs do not display - they stay as just divs and li's.</p>
  
  <p>Can anyone point out my error? probably pretty simple. </p>
  
  <p>I imported jQuery UI, mobile, and jquery (normal). So I thought I had it all down. Mobile and UI extend normal jQuery right? But trying to follow the instructions here: <a href="http://jqueryui.com/demos/tabs/#default" rel="nofollow">http://jqueryui.com/demos/tabs/#default</a> I was unable to even do that. </p>
  
  <p>any pointers?   </p>
  
  <p></p>
  
  <pre><code>&lt;head&gt;
  
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(function() {
          $( "#tabs" ).tabs();
      });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div data-role="page"&gt;
  
      &lt;div data-role="header" data-theme="a"&gt;
          &lt;h1&gt;My App&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;   
          &lt;p&gt;Hello world&lt;/p&gt;  
  
          &lt;div id="tabs"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#tabs-1"&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#tabs-2"&gt;Proin dolor&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#tabs-3"&gt;Aenean lacinia&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;div id="tabs-1"&gt;
                  &lt;p&gt;Tab #1&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div id="tabs-2"&gt;
                  &lt;p&gt;Tab #2&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div id="tabs-3"&gt;
                  &lt;p&gt;Tab #3&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;  
      &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;/div&gt;&lt;!-- /page --&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>