title: Conflict with two jQuery events in widget and menu
body: <p>I'm working within WordPress and have two menus on a mobile site using viewport media queries to control elements. When viewing the site in 768 wide two mobile menus replace the desktop. To achieve this I'm using widgets in the top left drop down with two custom menus. </p>
  
  <p><strong>The left widget drop down is a Shortcodes Unlimited shortcode embedded.</strong> </p>
  
  <p><strong>The main menu on the right is just a basic menu using jquery.dlmenu.js v1.0.1 from <a href="http://www.codrops.com" rel="nofollow">http://www.codrops.com</a>.</strong> </p>
  
  <p>When visiting the page you can click on the left dropdown widget and it works as expected. You can also click the right dropdown menu and it works as expected. However, once you click on the right downdown menu, you cannot click on the left dropdown widget. </p>
  
  <p>mobile/jquery.dlmenu.js registers first.</p>
  
  <p>shortcodes-ultimate/assets/js/other-shortcodes.js registers second. </p>
  
  <pre><code>jQuery(function($) {
          $( "#dl-menu" ).dlmenu({
                  animationClasses : { 
                     classin : "dl-animate-in-2", classout : "dl-animate-out-2" }
                          });
                      });
  </code></pre>
  
  <p>The scripts are all loaded in the footer. </p>
  
  <p>There are no console errors.</p>
  
  <p><a href="http://iemajen.com/lexingtonhabitatforhumanity/" rel="nofollow">http://iemajen.com/lexingtonhabitatforhumanity/</a></p>