Wordpress插件未加载Javascript文件

我正在创建/学习wordpress插件，我已经创建了一个插件，在编辑帖子页面中添加了一个元框。然而，我似乎无法让插件加载我的.js文件。

<?php
   /*
   Plugin Name: Adams The The Plugin
   Plugin URI: http://adamthings.com
   Description: Plugin attempt...
   Version: 1.0
   Author: Adam
   Author URI: http://adamthings.com
   License: GPL2
   */
   function my_scripts_method() {
        wp_enqueue_script('the_js', plugins_url('/AdamsTheThePlugin.js',__FILE__) );
    }
    add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
    add_action( 'add_meta_boxes', 'cd_meta_box_add' );
    function cd_meta_box_add()
    {
        add_meta_box( 'my-meta-box-id', 'Adams The The Plugin', 'cd_meta_box_cb', 'post', 'normal', 'high' );
    }
    function cd_meta_box_cb( $post )
    {
        $values = get_post_custom( $post->ID );
        $postid = get_the_ID();
        $content = get_post_field('post_content', $postid);
        wp_nonce_field( 'my_meta_box_nonce', 'meta_box_nonce' );
?>
    <p>
        <label for="my_meta_box_text" id="adamsPostContent">Post Content</label>
        <textarea name="my_meta_box_text" id="my_meta_box_text"><?php echo $content; ?></textarea>
    </p>

<?php   
    }
?>

然后我的JavaScript文件和插件在同一目录中，看起来像：

jQuery(document).ready(function () {
    jQuery("#adamsPostContent").css('color', 'red');
});

从其他帖子来看，我似乎做得很正确。想法？

我希望标签adamsPostContent在加载时变为红色。