XML : How to pass the values to the other html page and redirect the to that page for onclick thumbnail using jquery?

Here I need to click on a thumbnail, so that it will show the details on other page, it should show the details of that particular thumb only. I used xml file here to fetch the data and display thumbnail. I am unable to pass the values to other page and open it at the same time onclick event. pls help

  <div class="container-page">                <div class="row" id="portfolio">                  <div class="col-md-2">                      <nav>                          <ul class="nav nav-pills nav-stacked" id="test">                              <li role="presentation" class="active"><a href="#portfolio" id="services">Services</a></li>                              <li role="presentation"><a href="#portfolio" id="desktop">Desktop</a></li>                              <li role="presentation"><a href="#portfolio" id="web">Web</a></li>                              <li role="presentation"><a href="#portfolio" id="mobile">Mobile</a></li>                              <li role="presentation"><a href="#portfolio" id="design">Design</a></li>                          </ul>                         </nav>                  </div>                  <div class="col-md-10">                      <div class="row" id="thumb">                        </div>                  </div>              </div>          </div>  <!-- js -->  $.ajax({              type:"GET",              url:"portfolio.xml",              dataType:"xml",              success:function(xml)              {                    $(xml).find('thumbnail').each(function()                  {                      var $thumbnail=$(this);                                                var type=$thumbnail.find('type').text();                                              var descr=$thumbnail.find('description').text();                                              var title=$thumbnail.attr('title');                      var imageurl=$thumbnail.attr('imageurl');                      var thum='<div class="col-xs-6 col-md-3"> </div>';                                              thum=$(thum).appendTo("#thumb");                      thum = $('<a href="#" class="thumbnail forHove"></a>').appendTo(thum);                      var thumName = $('<div class="thumTitle"></div>').appendTo(thum);                      $('<h2>'+title+'</h2>').appendTo(thumName);                      $('<p>'+type+'</p>').appendTo(thumName)                      thum = $('<img src="'+imageurl+'" alt="image" class="thumbImgSize imgSlide">').appendTo(thum);                      $(".forHove").mouseup(function()                      {       //here is the redirection code, and want to pass $thumbnail to  testxml.html page  window.location="http://www.bookmane.in/skillworks/testxml.html";                  $(thum).appendTo(".s");          });                  });              }            });