javascript - 提交ajax后jQuery表单插件重复元素

Question

我正在使用 jquery 表单插件向服务器发送请求并在数据库中写入一些数据。提交表单后，侧边栏等一些元素被重复。我设置target为成功后刷新的容器。所有工作都很好，但是为什么元素 id 重复了。

<div class="contaner-fluid">
 <div class="sidebar_lft"> Sidebar </div> <!-- This sidebar is dupicated -->
 <div id="main-content">
      <!-- PHP forach loop some data. This div need to been refreshed after success-->
    <form id="user-form" action="user/update" metod="post">
        <input type="text" name="username">
        <input type="submit">
    </form>
 </div>
</div>

和jQuery：

$(document).ready(function(e) {
    $('#user-form').ajaxForm({
        target: '#main-content',
        success: function() {
            alert('Success');
        }
    });
});

所有数据都保存在数据库中，并且一切正常，除非重新加载 div。当 ajax 执行成功回调时，他复制了我的侧边栏 idk whay。