How to use jquery included with wordpress for jpanelmenu

Question

I have successfully been using jpanelmenu in my wordpress themes for some time, loading jquery from the google api, like this:

if ( !is_admin() ) {

    // jQuery
    wp_deregister_script('jquery');
    wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"), false);
    wp_enqueue_script('jquery');

    // load jPanelMenu
    wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js");

}

I'd rather use the version of jquery that comes included with wordpress, but can't figure out how to make that happen. Can anyone advise me on how to do that, or tell me if I'm wrong in thinking that using wp's built-in jquery would be better than what I'm doing in the code above?

I am instantiating jpanelmenu like this:

$(document).ready(function () {
    var jPM = $.jPanelMenu({
    duration: 100,
    openPosition: "240px",
    direction: "left",
    keyboardShortcuts: false
    });
    jPM.on(); // turn on jPanelMenu
});

Thanks in advance!

edited

Based on the answers below I tried the following, but jpanelmenu would not function (clicking on the menu trigger does not reveal the off-canvas menu):

function wpa_132328_enqueue_scripts(){
if ( !is_admin() ) {

        // jQuery
        wp_enqueue_script('jquery');

        // load jPanelMenu
        wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js");

    }
}
add_action( 'wp_enqueue_scripts', 'wpa_132328_enqueue_scripts' );

and

if ( !is_admin() ) {

    // jQuery
    wp_enqueue_script('jquery');

    // load jPanelMenu
    wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js");

}

and

wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js", array('jquery') );

and

if ( !is_admin() ) {

    wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js", array('jquery') ); 

}

Answer 1

To use the WordPress-bundled version, simply stop de-registering it and replacing it with the Google version.

function wpa_132328_enqueue_scripts(){
    if ( !is_admin() ) {

        // jQuery
        wp_enqueue_script('jquery');

        // load jPanelMenu
        wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js");

    }
}
add_action( 'wp_enqueue_scripts', 'wpa_132328_enqueue_scripts' );

"$ is not defined" errors means you aren't in noconflict mode. Adjust your code as follows:

jQuery(document).ready(function ($) {
    var jPM = $.jPanelMenu({
    duration: 100,
    openPosition: "240px",
    direction: "left",
    keyboardShortcuts: false
    });
    jPM.on(); // turn on jPanelMenu
});

Answer 2

The correct way to enqueue something that depends on jQuery is like so:

wp_enqueue_script('jpanelmenu', get_bloginfo('template_directory') . "/js/jquery.jpanelmenu.js", array('jquery') );

You don't need to enqueue jQuery itself. The dependency takes care of that for you.

And if you're hooking it to the wp_enqueue_scripts action hook correctly, you don't need the is_admin check.