Tags function in jQuery not working even after adding jQuery library
<p>I am trying to add tabs to my website to navigate b/w two sub-menus.  Essentially when you click 'Highlight' or 'News' a new set of elements appear in that section.</p>

<p>I added the jquery library:</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>but still when I check the console I get the message "Uncaught TypeError: Object [object Object has no method 'tabs'"is not defined.  </p>

<p>I added the library:</p>

<pre><code>&lt;script src="public/scripts/applicat.js" type="text/javascript"&gt; &lt;/script&gt;
</code></pre>

<p>but when I check the console for '$("body") and it returns a 'null'. (The uploaded file on the website has this applicat.js file included) </p>

<p>I have tried everything but can't seem to figure out how to add the tabs method and also not have a problem with the jQuery linking to my HTML.</p>

<p>This is how the tabs function is called (right before the end of body):</p>

<pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
jQuery().ready(function() { 
jQuery("#discussion-sections &gt; nav ul").tabs("#discussion-sections &gt; section");
});
&lt;/script&gt;
</code></pre>

<p>// Bonus question
Do you have any idea how I can expand the length of the tabs header so that the horizontal line goes across the page?  I tried adding a border-bottom to the UL where the tabs are defined but in this case it adds a line even to the area underneath the selected tab.</p>

<p>Thanks,
Luis</p>
