title: jQuery Tabs "Undefined is Not a Function"
body: <p>I've recently been trying to use or familiarize myself with the JQuery tabs function. However everytime I've tried using it I get the error "undefined is not a function". I've researched this problem and a lot say it may have to do with the .js file not being loaded but that is not the case as my console tab shows it being loaded.</p>
  
  <p>Here is the HTML file I have been trying to test out:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="Portal.css" media="screen" /&gt;
      &lt;script type="text/javascript" src="Portal.js"&gt;&lt;/script&gt;  
      &lt;script src="tabs.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
  
      &lt;div id="tabs"&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href='#tab1'&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='#tab2'&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='#tab3'&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id='tab1'&gt;
         &lt;p&gt;Hi, this is the first tab.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id='tab2'&gt;
      &lt;p&gt;This is the 2nd tab.&lt;/p&gt;
        &lt;/div&gt;
       &lt;div id='tab3'&gt;
                     &lt;p&gt;And this is the 3rd tab.&lt;/p&gt;
               &lt;/div&gt;
                 &lt;/div&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>And the tabs.js file (which throws the undefined error when debugging):</p>
  
  <pre><code>$(document).ready(function () {
     $("div.tabs").tabs();
  });
  </code></pre>
  
  <p>Thanks. I can provide more details if needed. No CSS is being used yet (but I don't believe that to be the issue here).</p>