Javascript 主干JS事件未触发

我很难让主干网活动正常运行。我只是想模拟表单提交并得到一个警报，但我似乎无法到达那里

我的标记如下：

<form method="post" id="userSignIn">       
   <label>Email</label> 
   <input type = "text" name = "useremail" value = "" id="userEmail"> 

   <br />

   <label>Pass</label>
   <input type = "password" name = "userpass" value = "" id="userPassword">

   <br /><input type = "submit" value = "Submit">
</form>

---

Backbone.View.events将只查找由作为视图元素（或该元素的子元素）一部分的DOM元素触发的事件。理想情况下，您可以通过视图上的render方法呈现此HTML，但另一种方法是从SignenView内部调用setElement。initialize

您可以在代码中详细说明如何执行此操作吗？我的实际意图是在登录到SigninModel（）中的URL时执行ajax调用，该URL将#userEmail.val（）和#userPassword.val（）作为“数据”参数传递。

var events = _.clone(Backbone.Events);

var SigninModel = Backbone.Model.extend({
    url: 'http://localhost/api/app/User.php',
});

var SignInCollection = Backbone.Collection.extend({
    model: SigninModel
})

var SigninView = Backbone.View.extend({
    events: {
        'submit #userSignIn': 'signIn'
    },

    initialize: function() {
        console.log('Sign in view initialized');
    },

    signIn: function(e) {
        alert("Your username is" + $('#userSignIn #userEmail'));
        e.preventDefault();
    }
});

$(document).ready(function(){
    var signInCollection = new SignInCollection();
    new SigninView({ el: $('#userSignIn'), collection: signInCollection });
});