为什么我的外部jQuery click（）事件在Jade中不起作用？

Question

For some reason I can't get this click event to work when clicking any element, although it does work when I click the body. I know the ID is correctly assigned because the CSS also works fine. Here's the JS:

$('h2').click(function() {
  alert( "h2 clicked." );
});//DOES NOT WORK

$('#whatever').click(function() {
  alert( "Whatever clicked." );
});//DOES NOT WORK

/*
$('body').click(function() {
  alert( "Body clicked." );
});
*/ //THIS WORKS WHEN UNCOMMENTED 

console.log('thank you!'); //THIS WORKS

And here is a jade file:

extends ../layout

block content
  h2= post.title
  #whatever
   p= post.body
  span= post.created.toGMTString()
  p by #{post.author.fullname}
  br
  br
  div
    a(href="/post/edit/" + post.id) Edit
    | |
    a(href="/post/remove/" + post.id) Delete
  .comments
    ul
      each comment in comments
        li
          p.text= comment.text
          p.author= comment.author
    if session.isLoggedIn
      form(method='post', action="/post/comment/" + post.id)
        textarea(name='text')
        input(type='submit', value='Save')

and here is the other jade file involved:

html5
html
  head
    title= pageTitle
    link(rel='stylesheet', type='text/css', href='/stylesheets/styles.css')
    //script(type='text/javascript', src='/js/jquery-1.10.2.min.js')
    script(type='text/javascript', src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js')
    script(type='text/javascript', src='/js/scriptures.js')

 body
    header
      h1= pageTitle
    a(href="/") Home
    section.login
      ul
        if session.isLoggedIn
          li
            a(href="/logout") Logout
        else
          li
            a(href="/login") Login
          li
            a(href="/signup") Create Account
    section.content
      block content

Answer 1

$(document).ready(function(){ $('#whatever').click(function() { alert( "Whatever clicked." ); }); });

Am I going crazy? jQuery .click() doesn't seem to work