title: Uncaught Error: Syntax error, unrecognized expression: #/ angularjs and jquery
body: <p>Following error shown up in my console whenever my page loads.</p>
  
  <p>"Uncaught Error: Syntax error, unrecognized expression: #/about"</p>
  
  <p>My code is as below:</p>
  
  <pre><code>                &lt;li class="active"&gt;
                      &lt;a href="/"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class=""&gt;
                      &lt;a href="#/about" title="About Us"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class=""&gt;
                      &lt;a href="#/pricing"&gt;Pricing&lt;/a&gt;
                  &lt;/li&gt;
  </code></pre>
  
  <p>It shows for all initial instance of . Initially, it shows for #/about as it is first, If I remove about us tab it will show up for pricing page link.</p>
  
  <p>Its not bootstrap tab issue, This are simple navigation only </p>
  
  <p>Routing Code in app.js:</p>
  
  <pre><code>$routeProvider.when('/', {
          templateUrl: 'partials/home.html'
      }).when('/account', {
          templateUrl: 'partials/account.html',
      }).when('/terms', {
          templateUrl: 'partials/terms.html'
      }).when('/about', {
          templateUrl: 'partials/about.html'
      }).otherwise({
          redirectTo: '/'
      });
  </code></pre>
  
  <p>I have debug its issue of bootstrap, bootstrap nav causing this issue: "nav navbar-nav" 
  fixes for this is data-target="#" but wants proper work around for this</p>