Невозможно получить форму preventDefault для работы

Question

Я читал много других сообщений, но я, кажется, делаю что-то неправильно, так как я просто не могу получить свою форму для работы с preventDefault().

Моя форма:

<form class="form-inline" id="formsubmit"> 
    <div class="form-group"> 
     <!--some stuff--> 
    </div> 
    <br> 
    <div style="margin-top:10px"> 
     <input class="btn btn-success" type="submit"> 
    </div> 
</form> 

JQuery:

$(document).ready(function() { 
    $('#formsubmit').submit(function(e) { 
     e.preventDefault() 
     console.log('Prevented') 
    }) 
}) 

Это еще перезагружает страницу.

EDIT: Работает сейчас. Странно это работает, когда это первая функция в <script>. Он не работает, если разместить 2 диаграммы визуализации Google.

Answer 1

Это работает:

https://jsfiddle.net/67e7vxar/1/

HTML:

<form id = "ff"> 
    <input type = "text"><br/> 
    <input type = "submit" value = "submit"> 
</form> 

JavaScript:

$('#ff').on('submit', function(e) 
{ 
    e.preventDefault(); 
    alert('Default prevented'); 
});