变量不会增加

Question

我正在使用jQueryMobile，但我对变量＆＃34; jugadores＆＃34;有问题。我在点击功能上增加了值，但是当我在其他页面中访问它时只显示初始值，我的意思是1.

<script type="text/javascript"> 
    jugadores = 1;          //initial value
    $(document).ready(function() {  
        var AddButton = $("#agregar");
        $(AddButton).click(function (e) {
            jugadores++;    
        });
    });
    </script>

和HTML：

<div data-role="page">
        <div data-role="header">
            <h1>Jugadores</h1>
        </div>
    <div data-role="content" id="divjug">
        <input type="text" name="fname1" id="jug1" placeholder="Jugador #1">
    </div>
    <div data-role="content">
        <a href="#" class="ui-btn" id="agregar">Agregar jugador</a>
        <a href="#contador" class="ui-btn" id="siguiente">Siguiente</a>
    </div>
</div>


<div data-role="page" id="contador">
    <div data-role="header">
        <h1>Contador</h1>
    </div>
    <div data-role="content">
        <script type="text/javascript">
            document.write(jugadores);  //always print 1, no matter if I increment
        </script>
    </div>
</div>