title: Jquery Menu - Submenu toggle
body: <p>I'm trying to toggle a submenu from a menu link, this is my markup:</p>
  
  <pre><code>&lt;ul id="menu"&gt;
  &lt;li id="artworks"&gt;&lt;a href="#"&gt;ARTWORK&lt;/a&gt;&lt;/li&gt;
      &lt;ul class="submenu"&gt;
          &lt;img src="../img/submenu.png" alt="submenu" width="62" height="1" /&gt;
          &lt;li&gt;&lt;a href="#"&gt;Sweet Life&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Pleasure&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Bienal de la habana&lt;/a&gt;&lt;/li&gt;
          &lt;img src="../img/submenu.png" alt="submenu" width="62" height="1" /&gt;
      &lt;/ul&gt;
  &lt;li id="prensa_nav"&gt;&lt;a href="prensa.html"&gt;PRENSA&lt;/a&gt;&lt;/li&gt;
  &lt;li id="contacto_nav"&gt;&lt;a href="contacto.html"&gt;CONTACTO&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>and this is my script:</p>
  
  <pre><code>$(function () {
  
  var $submenu = $( '.submenu' );
  
  $( '#artworks a' ).click( function( e ) {
      $submenu.toggle( 'fast' );
      e.preventDefault();
      e.stoppropagation();
  } );
  });​
  </code></pre>
  
  <p>I don't know why, but it's not working, it should be pretty simple but it doesn;t work, I have tried everything, please help</p>