title: $( "#tabs" ).tabs(); is not a function
body: <p>I have this code set to create a tabbed menu and it shows up fine as a tabbed menu but when I load the website the tabs do not change when clicked. In the "inspect element" it says<br>
  $( "#tabs" ).tabs();    is not a function.
  I do not know my next step to fix the problem.  </p>
  
  <pre><code>&lt;html lang="en"&gt;&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;jQuery UI Tabs - Default functionality&lt;/title&gt;
   &lt;link rel="stylesheet"    href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
      &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
      &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
      &lt;script&gt;
  $(function() {
      $( "#tabs" ).tabs();
  });
  &lt;/script&gt;
  &lt;style type="text/css"&gt;&lt;/style&gt;&lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all"&gt;
  &lt;ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"&gt;
      &lt;li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true"&gt;&lt;a href="#tabs-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1"&gt;Title1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-2" aria-labelledby="ui-id-2" aria-selected="false" aria-expanded="false"&gt;&lt;a href="#tabs-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2"&gt;Title2&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3" aria-labelledby="ui-id-3" aria-selected="false" aria-expanded="false"&gt;&lt;a href="#tabs-3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3"&gt;title3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="tabs-1" aria-labelledby="ui-id-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false" style="display: block;"&gt;
   &lt;h2&gt;title1&lt;/h2&gt;
      &lt;p&gt;paragragh1&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="tabs-2" aria-labelledby="ui-id-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false" style="display: none;"&gt;
  &lt;h2&gt;title2&lt;/h2&gt;
      &lt;p&gt;pargraph2
  &lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="tabs-3" aria-labelledby="ui-id-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false" style="display: none;"&gt;
  &lt;h2&gt;title3&lt;/h2&gt;
      &lt;p&gt;paragraph3&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>