добавить класс к указанному элементу

Хорошо, у меня есть этот код

//start our session session_start(); //check if there is a page request if (isset($_GET['page'])) { //if there is a request page then get it and put it on a session variable and sent back the data that was requested. $_SESSION['page'] = $_GET['page']; $currentpage = $_SESSION['page']; } //if there is no request then.. else { $_SESSION['page'] = "home"; //if there is no request page then we literally tell that we are in the main page so we session will be home $currentpage = $_SESSION['page']; } //echo a hidden input fields that hold the value of current page which will be accessed by the jquery for adding classes of the match value in the attribute 'page' of the element base on the value that the hidden input field has echo "<input type='hidden' id='currentpage' value='".$currentpage."' /> 

теперь я хочу добавить класс 'active' к элементу, который соответствует значению атрибута 'page', в значение скрытого поля ввода, которое имеет идентификатор 'currentpage', для этого я предпочитаю сделайте это на jquery, так что это код.

 $(document).ready(function(){ //get the value of the hidden input field $page = $('#currentpage').val(); //now im stuck here .. }); 

Я не знаю, как добавить класс по указанному элементу, который имеет значение соответствия его атрибута 'page' от значения скрытого поля, которое имеет идентификатор 'currentpage'

например:

 <input type='hidden' id='currentpage' value='home' /> 

поэтому база на странице attr «элемента» должен быть добавлен активный класс, так что это должно быть так.

 <ul> <li><a page="home" href="index.php" class="active">home</a></li> <!--as you can see on this part an active class has been added thats because the value of the attr page of this element is match to the value of the hidden input fields which has the id of 'currentpage'--> <li><a page="gallery" href="index.php?page=gallery">gallery</a></li> <li><a page="about" href="index.php?page=about">about</a></li> <li><a page="contact" href="index.php?page=contact">contact</a></li> </ul> 

Надеюсь, кто-то может дать мне что-то, что могло бы помочь решить эту текущую проблему, заблаговременно.

PS: im open в идеях, предложениях и рекомендациях.

Вот так:

 $("a[page="+$page+"]").addClass("active"); 
  $('a[page='+$page+']').addClass('active'); 

jsfiddle