jquery script not working with jquery 1.11.0 cause of .live
<p>I wrote this script but I know live function is deprecated in 1.11 version.</p>

<pre><code>jQuery(document).ready(function(){
            jQuery('#menu-button').live('click', function(event) {        
            jQuery('#menumobile').toggleClass('hidemobilemenu');
    });
});
</code></pre>

<p>so it does not work, but I need jQuery 1.11 for other plugin.
I tried to adapt it with .on, but it did not succed.
As you can see it works in the snippet when you use jQuery 1.6.2 version
Any help is very welcome. Thanks
<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>   jQuery(document).ready(function(){
   jQuery('#menu-button').live('click', function(event) {        
   jQuery('#menumobile').toggleClass('hidemobilemenu');
    });
});</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>#menu-button {
    background-color: #ddd;
    position: fixed;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    top: 15px;
    right: 13px;
    z-index: 30;
}
#menumobile {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0px;
    padding: 50px 70px 0 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 29;
}
 .hidemobilemenu {
    display: none;
  }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;div id="menu-button"&gt;
&lt;a href="#"&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="menumobile" class="hidemobilemenu"&gt;      
 &lt;ul&gt;
        &lt;li class="&lt;?php echo ($_SERVER['REQUEST_URI'] == "/index.php" ? "active" : "");?&gt;"&gt;&lt;a href="/index.php"&gt;HOME&lt;/a&gt;&lt;/li&gt;
        &lt;li class="&lt;?php echo ($_SERVER['REQUEST_URI'] == "/menu.php" ? "active" : "");?&gt;"&gt;&lt;a href="menu.php"&gt;MENU&lt;/a&gt;&lt;/li&gt;
        &lt;li class="&lt;?php echo ($_SERVER['REQUEST_URI'] == "/about.php" ? "active" : "");?&gt;"&gt;&lt;a href="about.php"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
        &lt;li class="&lt;?php echo ($_SERVER['REQUEST_URI'] == "/contact.php" ? "active" : "");?&gt;"&gt;&lt;a href="contact.php"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
 &lt;/div&gt;</code></pre>
</div>
</div>
</p>