why my jquery toggle is not working : **Here why my toggle is not working**
    <script>
        $(document).ready(function () {
             $("#tab").hide()
            $("#btn1").click(function () {
                $("#tab").toggle();
            }) })       
    </script>
    **Html Code**
    <div>
        <table>
            <tr>
                <th>
                    <b>Employee Name</b>
                </th>
            </tr>
            <tr ng-repeat="Emp in John">
                <td>
                    <input type="button" id="btn1" value="click" />
                    {{Emp.Name}}
                    <table id="tab">
                        <tr>
                            <th>
                                <b>OrderId</b>
                            </th>
                        </tr>
                        <tr ng-repeat="Joy in Emp.order">
                            <td>
                                {{Joy.OrderId}}
    
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>