css mobile submenu won't expand on click

http://stackoverflow.com/questions/36535366/css-mobile-submenu-wont-expand-on-click

HTML

<ul>
<li id="trigger" ><a href="#" >Click Me</a></li>
<ul id="hide">
<li><a>You Found Me</a></li>
<li><a>This too Easy wasn't it</a></li>
</ul>
<li>take more</li>
</ul>

CSS

#hide{
  display:none;
}

.expand{
  display:block !important;
}

JavaScript

jQuery(function($){
    	     $('#trigger').click(function(){
    	     $('#hide').toggleClass('expand')
    	     })
        })