Untitled

<!DOCTYPE html>
<html>
<head>

    <script src="Scripts/jquery-3.3.1.min.js"></script>
    <script src="Script.js"></script>
    <script src="Scripts/jquery-3.3.1.js"></script>
    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td, th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }
    </style>
</head>
<body>
    <div id="showpage">
        <h2>Users list</h2>


        <input id="search" style="float:right" type="text" placeholder="search...." />
        <table id="table">
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>Email</th>
                <th>Blogs</th>
                <th>View Profile</th>
            </tr>
            <tr>
                <td id="criteria">John Smith</td>
                <td>20</td>
                <td id="criteria">john@mail.com</td>
                <td>10</td>
                <td><button id="profilebutton">View</button></td>
            </tr>
            <tr>
                <td id="criteria">Adam Smith</td>
                <td>25</td>
                <td id="criteria">adam@mail.com</td>
                <td>2</td>
                <td><button id="profilebutton">View</button></td>
            </tr>
            <tr>
                <td id="criteria">Lily Smith</td>
                <td>18</td>
                <td id="criteria">jlily@mail.com</td>
                <td>1</td>
                <td><button id="profilebutton">View</button></td>
            </tr>
            <tr>
                <td id="criteria">Trevor Philips</td>
                <td>45</td>
                <td id="criteria">trevrn@mail.com</td>
                <td>3</td>
                <td><button  id="profilebutton">View</button></td>
            </tr>
            <tr>
                <td id="criteria">Michael DiSanta</td>
                <td>44</td>
                <td id="criteria">mike@mail.com</td>
                <td>1</td>
                <td><button id="profilebutton">View</button></td>
            </tr>
            <tr>
                <td id="criteria">Andrea Pirlo</td>
                <td>47</td>
                <td id="criteria">pirlo@mail.com</td>
                <td>4</td>
                <td><button id="profilebutton">View</button></td>
            </tr>
        </table>
    </div>


    <div id="profilepage">

<h2>ProfileName</h2>
        <table>
            <tr>
                <td>Blog</td>
                <td>Description</td>
                <td>Date</td>
            </tr>
        </table>
    </div>
</body>
</html>

$(document).ready(function () {
        $('#profilepage').hide();
        $(document).on('click', 'profilebutton', function () {

            $('#showpage').hide();
            $('#profilepage').show();
        });


        $('#search').keyup(function () {

            search_table($(this).val());

        });

        function search_table(value) {

            $('table tr').each(function () {

                var found = 'false';
                $(this).each(function () {
                    if ($(this).text().toLowerCase().indexOf(value.toLowerCase()) >= 0) {

                        found = 'true';
                    }

                });
                if (found == 'true') {
                    $(this).show();

                }
                else {
                    $(this).hide();
                }
            });
        }


});