I am creating a map application in the Bootstrap framework. I have a drop-down with 3 buttons to toggle layers on and off. I am using a glyphicon as the checkbox with text to the side. If you click the checkbox, the layer switches as expected. However, if you click on the text it changes the checkbox, but does not control the layer toggle. I have tried wrapping the label with a span but this did not work. Any suggestions?
HTML:
HTML: