Две панели поиска на одной странице php

У меня две панели поиска на одной странице php, но вторая не работает. У меня есть группа переключателей:

<form>
    <p><input type = "radio" value = "com" name = "radioPM" />One</p>  
    <p><input type = "radio" value = "all" name = "radioPM" />Two</p>  
</form>

с некоторым jQuery, который показывает div, в зависимости от выбора радио:

<script>
    $(document).ready(function () {
        $('input[type=radio][name=radioPM]').change(function () {
            if (this.value == 'com') {
                $("#comDiv").show();
                $("#allDiv").hide();
            } else if (this.value == 'all') {
                $("#allDiv").show();
                $("#comDiv").hide();
            }
        });
    });
</script>

после этого у меня есть два div, каждый из которых имеет в своей строке поиска:

<div id ='comDiv' style = "display:none">

    <input type = "text" id = "myInput" onkeyup = "searchByName()" placeholder = "search..." title = "search...">

    <?php
    include_once('query_1.php');

    echo "<table border='1' id='myTable'>
                    <tr>
                        <th>One</th>
                        <th>Two</th>
                    </tr>";

    while ($row = mysqli_fetch_array($query_1)) {
        echo "<form method=\"post\"><tr>";
        echo "<td>" . $row['ONE'] . "</td>";
        echo "<td>" . $row['TWO'] . "</td>";
        echo "</tr></form>";
    }
    echo "</table>";
    ?><br>

</div>

<div id ='allDiv' style = "display:none">

    <input type = "text" id = "myInput" onkeyup = "searchByName()" placeholder = "search..." title = "search...">

    <?php
    include_once('query_2.php');

    echo "<table border='1' id='myTable'>
                    <tr>
                        <th>One</th>
                        <th>Two</th>
                    </tr>";

    while ($row = mysqli_fetch_array($query_2)) {
        echo "<form method=\"post\"><tr>";
        echo "<td>" . $row['ONE'] . "</td>";
        echo "<td>" . $row['TWO'] . "</td>";
        echo "</tr></form>";
    }
    echo "</table>";
    ?><br>

</div>

и, наконец, в конце у меня есть скрипт с функцией панели поиска:

<script>
    function searchByName() {
        var input, filter, table, tr, td, i;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("myTable");
        tr = table.getElementsByTagName("tr");
        for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[1];
            if (td) {
                if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
        }
    }
</script>

Моя проблема в том, что если я выберу первый вариант (value = com), все будет работать нормально, появится comDiv, панель поиска будет искать в таблице из базы данных mysql. Но если я выберу второй вариант (значение = все), comDiv скрывается и появляется allDiv, данные из базы данных mysql отображаются, но панель поиска не работает. Не могли бы вы помочь мне, что я делаю не так?