Jquery was not found on this server

Question

I have two pages, events.php from plugin1 index.php from plugin2. in events.php. I am including jquery for ajax loading

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<a onclick="show_trend(<?php echo $event->output('#_EVENTID');?>)" >Trend</a>

This ajax load works fine. From this ajax call, I am calling a function and rendering a div in index.php. What I am doing is creating a highchart. For this I am including

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

in index.php function.

But I am not able to create charts beacuse jquery is not loading. In console, I am getting the following error

TypeError: $(...).highcharts is not a function

404. That’s an error.

The requested URL

/ajax/libs/jquery/1.8.2/jquery.min.js%20line%202%20%3E%20eval was not found on this server. That’s all we know.

Any suggestions?.

Edit

As suggested by TBI Infotech i have done the following thing in my function

function em_bookings_events_table() {
........
.......
.......
wp_enqueue_script('jquery');


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

but now jquery is not loading.

Answer 1

The proper way to include jquery in your plugin is

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Answer 2

Ok the problem i found in your above code is you have not mentioned the path of your library

function em_bookings_events_table() {
........
.......
.......
wp_enqueue_script('name_of_script','place Path_of_your_jquery_file here');


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