title: jquery toggle not working on mobile
body: <p>so i am trying to make it so when you click menu on the mobile responsive version of this site right here <a href="http://dev.trafficdigitalagency.com/stage/" rel="nofollow">http://dev.trafficdigitalagency.com/stage/</a> it toggles what is display:none; in the class "sub-menu"</p>
  
  <p>here is the javascript/jquery I use (which can be found at <a href="http://dev.trafficdigitalagency.com/stage/js.js" rel="nofollow">http://dev.trafficdigitalagency.com/stage/js.js</a>)</p>
  
  <pre><code>$(document).ready(function(){
    $("#menu-item-3121").click(function() {
      $(".sub-menu").fadeToggle("slow");
    });
  });
  </code></pre>
  
  <p>why when i click on menu in the responsive version does the sub menu not toggle?</p>