Bootstrap 3 remote modal form submit preventDefault не работает

Question

У меня есть проблема с успешным выполнением a preventDefault() in Bootstrap 3; проблема в том, что preventDefault() не работает должным образом по той причине, которую я не могу определить.

Ниже мой код:

index.html:

<div class="container"> 
    <li> 
     <a href="/stc/modalRemote.html" data-toggle="modal" data-target="#modalDefault"> 
      <b class="glyphicon glyphicon-plus"></b> 
     </a> 
    </li> 
    <div id="modalDefault" class="modal fade"></div> 
</div> 

modalRemote.html:

<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <h4 class="modal-title">plus/h4> 
     </div> 
     <div class="modal-body"> 
      <form class="form-horizontal" role="form"> 
       <div class="form-group"> 
        <label for="inputPlus" class="col-sm-2 control-label">Plus</label> 
        <div class="col-sm-10"> 
         <input type="text" class="form-control" id="inputPlus" placeholder="Plus"> 
        </div> 
       </div> 


       <div class="form-group"> 
        <div class="col-sm-offset-2 col-sm-10"> 
         <button type="submit" id="btnPlus" class="btn btn-default">Plus</button> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

index.coffee: (компилируется index.js)

$('form').submit (e)-> 
    e.preventDefault() 

Answer 1

У меня была такая же проблема в ре и разрешить его, добавив e.stopPropagation().

$('form').submit (e)-> 
    e.preventDefault() 
    e.stopPropagation()