title: Colorbox Syntax error: unrecognized expression
body: <p>I'm working with new site that uses CodeIgniter and HTML5 layout.<br>
  I copied some code from my old website where this works, but when I try this on my new website, it gives me this error:</p>
  
  <pre><code>Error: Syntax error, unrecognized expression: http://localhost/new/#login  
  
  Line: 4680  
  
  Sizzle.error = function( msg ) {
      throw new Error( "Syntax error, unrecognized expression: " + msg );
  }; 
  </code></pre>
  
  <p>I'm using jQuery 1.8.3</p>
  
  <p>My code: </p>
  
  <pre><code>&lt;a class="login" href="#login"&gt;login&lt;/a&gt;
  &lt;section style="display:none"&gt;
      &lt;section id="login"&gt;
          &lt;h1&gt;Login&lt;/h1&gt;
          &lt;p&gt;Form here&lt;/p&gt;
      &lt;/section&gt;
  &lt;/section&gt;
  
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $(".login").colorbox({inline: true, width:"50%", height:"50%"});
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Tested with Firefox and IE and both doesn't work...</p>
  
  <p>I tested with Jsfiddle and it worked, like on my other site.</p>
  
  <p>If I remove "inline: true", it works and tries to load new website with Colorbox.</p>
  
  <p>Any ideas?</p>