Bootstrap radio form提交时取不到值

今天第一次在表单中用Bootstrap radio，发现后台获取不到值。研究后发现原来radio看起来选中了其实并没有选中，需要用代码先设置点击label后选中该label下的radio。

<div class="btn-group" id="color" data-toggle="buttons">
    <label class="btn btn-info">
        <input type="radio" name="color"  value="1"> 红色
    </label>
    <label class="btn btn-info">
        <input type="radio" name="color"  value="2"> 绿色
    </label>
    <label class="btn btn-info">
        <input type="radio" name="color"  value="3"> 蓝色
    </label>                                    
</div>

jquery代码：

$("#color label").click(function(){
    $(this).children("input").prop("checked",true);
});

然后提交表单