sparkss on "Can't get jquery to load."

I have a jquery script that I am trying to load on my wordpress site, but I can not get it to work. I know the code is fine. See here:
http://jsfiddle.net/b_Ro/PyFEu/ (click the first circle and you will see another circle appear)

I have the jquery in a .js file and I'm trying to make it run from functions.php. hiddendiv.js is what I am trying to get to work.

/**
 * Enqueue scripts and styles
 */
function brianportfolio_scripts() {
	wp_enqueue_style( 'brianportfolio-style', get_stylesheet_uri() );

	wp_enqueue_script( 'brianportfolio-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true );

wp_enqueue_script(
    'brianportfolio-hiddendiv', // name your script so that you can attach other scripts and de-register, etc.
    get_template_directory_uri() . '/js/hiddendiv.js', // this is the location of your script file
    array('jquery') // this array lists the scripts upon which your script depends
);

	wp_enqueue_script( 'brianportfolio-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}

	if ( is_singular() && wp_attachment_is_image() ) {
		wp_enqueue_script( 'brianportfolio-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20120202' );
	}
}
add_action( 'wp_enqueue_scripts', 'brianportfolio_scripts' );

I am trying to make it work with the bold. I have tried all kinds of revisions and have had no luck. I'm sure I'm making a simple a mistake, but if anyone could help me figure it out that would be much appreciated.

iambrianrose.com Is the site that I am trying to make it work on.