console.log和html操作的行为不期望使用node.js, bootstrap和jquery

我目前遇到了一个奇怪的问题，因为我试图使用一个引导登录表单，我试图在以下方式调试

<!-- Login container -->
  <div class="container">
     <form class="form-signin" id="login_form" role="form">
      <h2 class="form-signin-heading">Please sign in</h2>
      <input type="email" class="form-control" id ="email" placeholder="Email address" required autofocus>
      <input type="password" class="form-control" placeholder="Password" required>
      <label class="checkbox">
         <input type="checkbox" value="remember-me"> Remember me
      </label>
      <button class="btn btn-lg btn-primary btn-block" id="login_submit" type="submit">Sign in</button>
    </form>
  </div> <!-- /container -->
<div class="container" id="test-container">
    <h1>Test</h1>
    <span id="test-error"></span>
    <form id="test-input">
    <input type="text" id="test"></input>
    </form>
</div>

在一个名为ui.js的单独文件

中

$(function(){
    var socket = io.connect();
    $('#login_submit').submit(function(e){
        e.preventDefault();
        console.log("login_submit");
        $('#change').append("y");
    });
    $('#test-input').submit(function(e){
        e.preventDefault();
        var x = $('#test').val();
        console.log(x);
        $('#change').append("x ");
    });
});

在上面的代码中，我的目标是通过提交按钮从引导登录信息中提取信息，但是当它不起作用时，我测试了以下内容并发现:

$('#login_submit').submit(function(e)

不能同时用于console.log和HTML操作

$('#test-input').submit(function(e) 

适用于HTML操作和console.log

嫌疑人:

是bootstrap内部js干扰我的js逻辑

注:

我做了相当多的测试，尝试了文档和谷歌，似乎找不到任何答案，如果有人得到任何建议，我将非常感激

谢谢

$('#login_form').submit(function(e){
    e.preventDefault();
    console.log("login_submit");
    ...
});