调用bootstrap模态框进行ajax提交后的问题！！

有一个按钮，点击后打开以下的模态框，模态框内有一个文本输入框，需要输入名称，然后点提交按钮，通过AJAX提交。提交后获得新增的名称ID。但是发现有个问题，在ajax请求成功后，模态框会自动关闭，但是jq设置的input的value没有设置成功。我看了一下，在ajax成功的时候，jq是设置成功了，但是模态框关闭后会自动刷新又没了。不知道是什么原因，有什么办法吗？
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" id="input_modal">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">名称</h4>
            </div>
            <div class="modal-body">
            <form class="form-inline">
                <div class="form-group">
                    <label for="text_modal" class="sr-only">请输入名称：</label>
                    <input type="text" class="form-control" id="text_modal" placeholder="请输入名称">
                </div>
                <button type="submit" class="btn btn-primary" id="sbt_input_modal">&nbsp;提交</button>
            </form>
            </div>
        </div>
    </div>
</div>$.ajax({
                async : true,
                type:"post",
                url:url,
                data:{name:text_input},
                dataType:"json",
                success:function (e) {
                    var data = eval("("+e+")");
                    var li_text = '<li class="list-group-item active">'+text_input+'</li>';
                    if(data.code == 1){
                        /*【以下设置有问题，模态框关闭后又自动刷新没了！】
                       $('#role_id').val(data.id);
                       */
                    }
                }
            });