I'm using Jade and my HTML template looks something like this
.container
.row
form
.span3.input-append(style='margin-top: 30%; margin-left: 30%;')
input#main_search.span2(style='height: 26px; width: 400px;', type='text', id='searchBox' )
input.btn.btn-large.btn-primary(type='button', value='search', id='searchButton')
include partials/scripts
And my scripts.jade includes a bunch of Javascript functions including
$(document).ready(function() {
console.log('foo');
$("searchButton").click(function() {
console.log('sup');
window.location.replace("http://stackoverflow.com");
});
});
Console output -
foo