reset bootstrap dropdown form menu after clicking a link

I have a dropdown form menu for my login functionality, within that form menu, I have a reset password link, that when clicked, opens up a pop up modal window for the user to enter in their email and reset their password. Everything works great, except I want to close down the dropdown menu when the modal popup appears. Below is my markup for the dropdown:

                    <li class="dropdown">
                        <a class="dropdown-toggle navbar-brand" href="#" data-toggle="dropdown" id="navLogin"><strong class="caret"></strong></a>
                        <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                            <form method="post" action="login" accept-charset="UTF-8">
                                <input style="margin-bottom: 15px;" type="text" placeholder="Email" id="txtLoginEmail" name="txtLoginEmail" />
                                <input style="margin-bottom: 15px;" type="password" placeholder="Password" id="txtLoginPassword" name="txtLoginPassword" />
                                <input style="float: left; margin-right: 10px;" type="checkbox" name="chkRememberMe" id="chkRememberMe" checked="checked" />
                                <label class="string optional" for="chkRememberMe"> Remember me</label>
                                <input class="btn btn-primary btn-block" type="button" id="btnLogin" value="Sign In" onclick="javascript:login();">
                                <br />
                                <div class="centerMe"><a href="javascript:forgotPassword()" style="font-weight: bolder;"><em>forgot password?</em></a></div>
                            </form>
                        </div>
                    </li>

Select allOpen in new window

any help is greatly appreciated, I'm using Bootstrap and Jquery