title: event.preventDefault() doesn't work on mobile
body: <p>I use charisma template to develop Web App. But, sub-menu can't open on mobile.</p>
  
  <p>This is hmtl code:</p>
  
  <pre><code>&lt;li class="accordion"&gt;
       &lt;a href="#"&gt;&lt;i class="icon-tasks"&gt;&lt;/i&gt;&lt;span class="hidden-tablet"&gt; Manage Task&lt;/span&gt;&lt;/a&gt;
          &lt;ul class="nav nav-pills nav-stacked"&gt;
              &lt;li&gt;
               &lt;a class="ajax-link" href="&lt;?php echo $this-&gt;Html-&gt;url(array('controller' =&gt; 'Tasks', 'action' =&gt; 'index/1')); ?&gt;"&gt;&lt;i
                                              class="icon-list-alt"&gt;&lt;/i&gt;
                  &lt;span class="hidden-tablet"&gt;My Assigned Tasks&lt;/span&gt;
               &lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
               &lt;a class="ajax-link" href="&lt;?php echo $this-&gt;Html-&gt;url(array('controller' =&gt; 'Tasks', 'action' =&gt; 'index/2')); ?&gt;"&gt;&lt;i
                                                  class="icon-list-alt"&gt;&lt;/i&gt;
                 &lt;span class="hidden-tablet"&gt;My All Tasks&lt;/span&gt;
               &lt;/a&gt;
                &lt;/li&gt;
  
      &lt;li&gt;
           &lt;a class="ajax-link" href="&lt;?php echo $this-&gt;Html-&gt;url(array('controller' =&gt; 'Calendars', 'action' =&gt; 'index')); ?&gt;"&gt;&lt;i
                                              class="icon-list-alt"&gt;&lt;/i&gt;
          &lt;span class="hidden-tablet"&gt; Assign Tasks&lt;/span&gt;
          &lt;/a&gt;
          &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></li></p>
  
  <p>This is js code: </p>
  
  <pre><code>$('.accordion &gt; a').click(function (e) {
          e.preventDefault();
          var $ul = $(this).siblings('ul');
          var $li = $(this).parent();
          if ($ul.is(':visible')) $li.removeClass('active');
          else                    $li.addClass('active');
          $ul.slideToggle();
      });
  
      $('.accordion li.active:first').parents('ul').slideDown();
  </code></pre>
  
  <p>I think e.preventDefault() doesn't work on mobile, so when click tag  it's still render and dont show submenu.</p>
  
  <p>Please help me resloved this problem.
  Thanks.</p>