How is it possible that my jQuery code breaks a function *in* Google hosted jquery.min.js?
<p>I am getting an error:</p>

<blockquote>
  <p>Uncaught Syntax error, unrecognized expression: :nth-child</p>
</blockquote>

<p>from my Google hosted jquery.min.js file.</p>

<p>It works when my function is like this:</p>

<pre><code> var screenPos = "init";
 var screenPos2 = "init";
 var col3 = false;

function projectPos(){

    $(".article").each(function(){
   $(this).find(".theProject").css('left','0px');
   $(this).find(".theExtra").css('left','608px');
    });


    $(".article:nth-child("+screenPos+"+4)").find(".theProject").css('left','-304px');
    $(".article:nth-child("+screenPos+"+4)").find(".theExtra").css('left','-304px');

}
</code></pre>

<p>But if I add this into the function:</p>

<pre><code>   if (col3 = true){
   $(".article:nth-child("+screenPos2+"+4)").find(".theProject").css('left','-304px');
   $(".article:nth-child("+screenPos2+"+4)").find(".theExtra").css('left','-304px');
   }
</code></pre>

<p>I suddenly get this error from within the google hosted jquery file.</p>

<p>How is that possible?
I already have a few nth-child checks in there, so why would a third one break it?</p>

<p>Very curious.</p>

<p>The page in question is here: <a href="http://marckremers.com/2011" rel="nofollow">marckremers.com/2011</a></p>

<p>PS - the site is in development, I'll leave the error in there, commented out, for reference</p>
