how to clear div content when reload page?

how to clear div content when reload page?

I using IBM Worklight.
index page I have a button when I click then show data on #test content then I change page to another page and back to index page #test data is not clear. How to clear content to initial every reload page

this is index.html
  1. <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="images/favicon.png">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="stylesheet" href="css/main.css">
    <script>
        window.$ = window.jQuery = WLJQ;
    </script>
    <link href="jqueryMobile/jquery.mobile-1.4.2.css" rel="stylesheet">
    <script src="jqueryMobile/jquery.mobile-1.4.2.js"></script>
    </head>
    <body style="display: none;">
        <!-- Index Page -->
        <div data-role="page" id="index">
            <div data-role="header" id="header">
                <h3>Index</h3>
            </div>

            <div data-role="content" style="padding: 15px" data-position="fixed"
                data-fullscreen='true'>
                <a data-role="button" data-transition="fade"
                    href="javascript:get_zone()" id="searchContact">Test DB</a>
                <div data-role="listview" data-insert="true" id="test">test</div>
            </div>

            <div data-role="footer" data-position="fixed" data-fullscreen='true'
                data-tap-toggle='false'>
                <!-- /navbar -->
                <div data-role="navbar" class="ui-btn-active ui-body-b">
                    <ul>
                        <li><a href="index.html"
                            class="ui-btn-active ui-state-persist">Home</a></li>
                        <li><a href="booking.html">Booking</a></li>
                        <li><a href="checking.html">Check</a></li>
                        <li><a href="cancel.html">Cancel</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <script src="js/initOptions.js"></script>
        <script src="js/main.js"></script>
        <script src="js/messages.js"></script>
    </body>
    </html>