Bootstrap Select Menu - Add New Option

I have a simple Bootstrap form with a select input: <div class="form-group"> <label for="category" class="control-label col-sm-3">Category</label> <div class="input-group col-xs-8"> <select class="form-control" name="category" id="category"> <option value="Fruit">Fruit</option> <option value="Vegetables">Vegetables</option> </select> </div> </div> The users now have a requirement to be able to add a new option dynamically to the select menu rather than be restricted to the items on the select menu. I'm not sure if it's possible to modify a select menu and how to make it consistent with the rest of the Bootstrap framework?