Jquery addclass problem!

[slipknoter6]

Hallo
Ich habe ein kleines problem.
Undzwar habe ich ein menu gemacht mit hile Bootstrap und wollte es nun bischen dynamisch machen. Und habe halt das problem das er die Class="active" nicht bei den li hinzufügt.

Hier mal meine Funktion im Header

<script type="text/javascript">
            <?php
            echo "var site='".$_GET["page"]."';
            var option='".$_GET["opt"]."';";
            ?>
            </script>

bei einen anderen script im header

$(document).ready(function() {
	$(".collapse .nav li."+site).addClass("active");
	$(".collapse .nav li."+site+"-"+option).addClass("active");
	});

Und nun mal das Menu

<nav class="navbar navbar-default" role="navigation">
  <div class="container">
  <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Grunz-hosting</a>
    </div>
  	 <div class="collapse navbar-collapse" id="navbar-collapse1">
      <ul class="nav navbar-nav">
        <li class="index"><a href="#">Home</a></li>
        <li class="news"><a href="#">Neuigkeiten</a></li>
	  </ul>
	  <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hilfe <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Forum</a></li>
            <li><a href="#">Tutorials</a></li>
            <li><a href="#">FAQ</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Informationen <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Über Grunz-Hosting</a></li>
            <li><a href="#">Technik</a></li>
            <li class="divider"></li>
            <li><a href="#">Impressum</a></li>
			<li><a href="#">AGB</a></li>
			<li><a href="#">Kontakt</a></li>
            <li class="divider"></li>
            <li><a href="#">Testserver</a></li>
          </ul>
        </li>
		<li class="divider-vertical"></li>
		<button type="button" class="btn btn-default navbar-btn">Log in</button>
      </ul>
	 </div>
  </div>
</nav>

Kann mir einer sagen was ich falsch mache und wie es denn richtig geht

 

[alxy]

http://jsfiddle.net/bqMt7/

Geht aber. Guck mal ob auch das richtige da in deinen GET-PAramtern steht