如何克服默认状态的ui路由

Question

这是我的HTML代码

<PRE>
    form action="#"  method="post"
    input type="hidden" name="cmd" value="_cart" 
    input type="hidden" name="add" value="1" 
    input type="hidden" name="w3ls_item" value="Asus Laptop" 
    input type="hidden" name="amount" value="880.00"
    button type="submit" class="w3ls-cart"> Add to cart /button
   /form
</PRE>

这是我的Javascript for FORM

<pre>
    w3ls.render();
    w3ls.cart.on('w3sb_checkout', function (evt) {
    var items, len, i;
    if (this.subtotal() > 0) {
    items = this.items();
    for (i = 0, len = items.length; i < len; i++) {
    }
    }
    });

</pre>

和我的UI-ROUTER的APP.JS代码

<pre>
    routerApp.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/pages/home');
    $stateProvider
    .state('home', {
    url: '/pages/home',
    templateUrl: 'pages/home.html'
    })
</pre>

当我点击“添加到购物车”按钮时，它会将我带到默认页面，如何让它指向javascript功能？

提前致谢！