title: jQuery syntax error: #/
body: <p>I am currently using jQuery, Twitter Bootstrap and AngularJS for my web application. I've been trying to do routing, but jQuery keeps giving me <code>Syntax error, unrecognized expression: #/time</code> whenever I try to click on the time tab, or vice versa. I have no idea which is causing this error, except that it is caused by the # sign. I have googled extensively but to no avail. Here is my code:</p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
    &lt;li class="active"&gt;
      &lt;a href="#/main" data-toggle="tab" id="main-tab"&gt;Main&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#/time" data-toggle="tab" id="time-tab"&gt;Time Reports&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I need to keep the slash as I use it for my AngularJS routing (i.e. <code>index.html#/main</code> and <code>index.html#/time</code> will load different content in one of my divs).
  What could possibly be causing this error?</p>