Bootstrap dropdown in meteor

#1

hello,

i am implementing a simple form in meteor, in which i want a dropdown menu for someone’s gender. I’ve tried a lot, but usually it’s just not possible to “pick”, i.e. whenever I click on an option, the window does not change into the chosen option. My current version is:

<div class="dropdown">
                    <button class="btn btn-default dropdown-toggle" type="button" id="mt-command-dd" data-toggle="dropdown">Command
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                         <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                id="config-request-command" href="#">Option 1</a>
                         </li>
                         <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="#">Option 2</a>
                         </li>
                         <li role="presentation">
                           <a role="menuitem" tabindex="-1" href="#">Option 3</a>
                         </li>
                         <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="#">Option 4</a>
                          </li>
                         <li role="presentation" class="divider"></li>
                         <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="#">Other</a>
                         </li>
                    </ul>
                </div>

In my js file I have:

    'click .menuitem': function (event) {
        $('#mt-command-dd').text(event.target.text);
    },

Thanks in advance!

Best,
Sissi