Jquery on selecting id issue
<p>Can you let me know what is the problem with my code. I have given the code for all the sections belowie; the HTML/CSS &amp; JQuery</p>

<p>When I click my go veg button the class fish should hide.</p>

<p>CSS file</p>

<pre><code>div{
 display:inline;
 float:left;
 height:245px;
 text-align:left;
 border: solid #000 3px;
}
</code></pre>

<p>html file</p>

<pre><code>&lt;html&gt;
 &lt;head&gt;
    &lt;link rel="stylesheet"  type="text/css" href="file://c:/jquery/chapter-2/begin/styles/my_style.css"   /&gt;
    &lt;script src="file://c:/jquery/chapter-2/begin/scripts/jquery.js"    type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="file://c:/jquery/chapter-2/begin/scripts/my_scripts.js" type="text/javascript"&gt;&lt;/script&gt;
 &lt;/head&gt;

&lt;body&gt;
&lt;div class="topper"&gt;
    &lt;h2&gt;Our Menu&lt;/h2&gt;
      &lt;div class="buttons"&gt;&lt;button type="submit" value="vegon"&gt;Go Vegetarian&lt;/button&gt;&lt;/div&gt;
      &lt;div class="buttons"&gt;&lt;button type="submit" value="restoreme"&gt;Restore Menu&lt;/button&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="middle"&gt;
&lt;li&gt;Thai-style Halibut
 &lt;ul class="menu_list"&gt;
  &lt;li                 &gt;coconut milk&lt;/li&gt;
  &lt;li class="fish"    &gt;pan-fried halibut&lt;/li&gt;
  &lt;li                 &gt;lemongrass broth&lt;/li&gt;
  &lt;li                 &gt;vegetables&lt;/li&gt;
  &lt;li                 &gt;Thai spices &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Braised Delight
 &lt;ul class="menu_list"&gt;
  &lt;li class="meat"    &gt;lamb shoulder&lt;/li&gt;
  &lt;li                 &gt;cippolini onions&lt;/li&gt;
  &lt;li                 &gt;carrots&lt;/li&gt;
  &lt;li                 &gt;baby turnip&lt;/li&gt;
  &lt;li                 &gt;braising jus&lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;House Grilled Panini
 &lt;ul class="menu_list"&gt;
  &lt;li class="meat"    &gt;prosciutto&lt;/li&gt;
  &lt;li                 &gt;provolone&lt;/li&gt;
  &lt;li                 &gt;avocado&lt;/li&gt;
  &lt;li                 &gt;cherry tomatoes&lt;/li&gt;
  &lt;li                 &gt;sourdough roll&lt;/li&gt;
  &lt;li                 &gt;shoestring fries &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;House Slider
 &lt;ul class="menu_list"&gt;
  &lt;li                 &gt;eggplant&lt;/li&gt;
  &lt;li                 &gt;zucchini&lt;/li&gt;
  &lt;li class="hamburger"&gt;hamburger&lt;/li&gt;
  &lt;li                 &gt;balsamic vinegar&lt;/li&gt;
  &lt;li                 &gt;onion&lt;/li&gt;
  &lt;li                 &gt;carrots&lt;/li&gt;
  &lt;li                 &gt;multigrain roll&lt;/li&gt;
  &lt;li                 &gt;goat cheese&lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;   &lt;li&gt;Frittata
 &lt;ul class="menu_list"&gt;
  &lt;li class="meat"    &gt;eggs&lt;/li&gt;
  &lt;li                 &gt;Asiago cheese&lt;/li&gt;
  &lt;li                 &gt;potatoes &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Coconut Soup
 &lt;ul class="menu_list"&gt;
  &lt;li                 &gt;coconut milk&lt;/li&gt;
  &lt;li class="meat"    &gt;chicken&lt;/li&gt;
  &lt;li                 &gt;vegetable broth&lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Soup Du Jour
 &lt;ul class="menu_list"&gt;
  &lt;li class="meat"    &gt;grilled steak&lt;/li&gt;
  &lt;li                 &gt;mushrooms&lt;/li&gt;
  &lt;li                 &gt;vegetables&lt;/li&gt;
  &lt;li                 &gt;vegetable broth &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Hot and Sour Soup
 &lt;ul class="menu_list"&gt;
  &lt;li                 &gt;roasted pork&lt;/li&gt;
  &lt;li                 &gt;carrots&lt;/li&gt;
  &lt;li                 &gt;Chinese mushrooms&lt;/li&gt;
  &lt;li                 &gt;chili&lt;/li&gt;
  &lt;li                 &gt;vegetable broth &lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Avocado Rolls
  &lt;ul class="menu_list"&gt;
  &lt;li                 &gt;avocado&lt;/li&gt;
  &lt;li                 &gt;whole chiles&lt;/li&gt;
  &lt;li                 &gt;sweet red peppers&lt;/li&gt;
  &lt;li                 &gt;ginger sauce&lt;/li&gt;
 &lt;/ul&gt;
&lt;/li&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>js file</p>

<pre><code>$(document).ready(function() {
    $(".buttons").click(function(){
    $("li.fish").hide();
});
});
</code></pre>
