JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
        <div class="btn-group">
            <a href="#" data-toggle="dropdown" class="btn btn-warning dropdown-toggle">Select Month <span class="caret"></span></a>
        <form action="#" method="GET">
        <input type="hidden" name="filter" value="rmonth"/>
            <ul class="dropdown-menu">
                <li><a>2011 &darr;</a></li>
                
                <li class="divider">
                <li>&nbsp;&nbsp;&nbsp;<input type="checkbox" name="months[]" value="2011-01-01" id="id20111"/> 
                <label for="id20111">Jan</label></li>
                    
                <li>&nbsp;&nbsp;&nbsp;<input type="checkbox" name="months[]" value="2011-02-01" id="id20112"/> <label for="id20112">Feb</label></li>
                    
                <li>&nbsp;&nbsp;&nbsp;<input type="checkbox" name="months[]" value="2011-03-01" id="id20113"/> <label for="id20113">Mar</label></li>
                    
                <li class="divider"></li>
                <li>&nbsp;&nbsp;&nbsp;<input type="submit" class="btn btn-info"/></li>
                <li><a href="?filter=month">All</a></li>
            </ul>
        </form>
        </div>

CSS

.dropdown-menu label {
        display: inline;
      }

JavaScript

$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
    e.stopPropagation();
});