同一页面中加载两个相同的控件，结果只能出来一个，这是为什么

今天在做项目的时候，我要在同一个页面中加载两个文本编辑器，刚开始，我的两个文本编辑器的id都是一样的，结果我怎么改，它都是加载的一个，另一个始终出不来，后来我咨询了一个朋友后，他告诉我在一个页面中，要始终保持id是唯一的，这样才不会发生冲突。下面是简单的代码：

这个直接在页面中加载 
<div id="remarks"></div>

这个是加载在模态框中的
<div class=" modal fade" id="update_q" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel"><b>问题描述</b></h4>
                </div>
                <div class="modal-body">
                        <div>
                            <label style="margin-top:10px;font-size:large;">标题：</label>
                            <input type="text" style="margin-top:-40px; margin-left:50px;max-width:450px;" class="form-control input-lg" placeholder="请输入你要搜索的问题" />
                        </div>
                        <div>
                            <label style="margin-top:10px;font-size:large;">描述：</label><hr />
                            <div id="remarks1"></div>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div>

下面要引用一段js
<script type="text/javascript">
    $(document).ready(function () {
        var para = {
            toolbar: [
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ],
            lang: 'zh-CN'
        };
        $('#remarks').summernote(para);
        $('#remarks1').summernote(para);
    })
</script>

 

所以在这里专门写一篇博客提醒大家，不论什么页面，都要保证我们的id唯一。