JavaScript — Как использовать значение ползунка на следующей странице

Я использую Polymer и PHP в своем проекте.
Я использую слайдер на одной странице и использую AJAX для переноса его значения на следующую страницу, где он будет использоваться в коде PHP для некоторых операций.
Мой код:

Для скрипта в Page1.php

     <script>
var flowPercent = document.querySelector('#flow');
$.ajax({
url: 'http://localhost/Page3.php',
type : 'POST',
data : {x:flowPercent.value},
success: function( data ) {
console.log( data );
}

});

// custom transformation: scale header's title
var titleStyle = document.querySelector('.title').style;
addEventListener('core-header-transform', function(e) {
var d = e.detail;
var m = d.height - d.condensedHeight;
var scale = Math.max(0.75, (m - d.y) / (m / 0.25)  + 0.75);
titleStyle.transform = titleStyle.webkitTransform =
'scale(' + scale + ') translateZ(0)';

});
</script>

Для перехода на следующую страницу:

<paper-button span raised class="colored" onclick="window.open('Page2.php','_parent');" layout center horizontal>Next</paper-button>

В Page2.php для получения значения:

<?php echo $_POST['x'];?>

Я импортировал это в Page1.php:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

Но я не вижу никакого значения, отраженного в Page2. Я хотел бы видеть значение слайдера, выбранного на предыдущей странице. Как мне этого добиться?
Дайте мне знать, если какой-либо другой код требуется опубликовать здесь.

Спасибо !