jvectormap uncaught referenceerror
hey guys, I have been trying to get this plugin working for hours and can't seem to do so. I am fairly new to jquery so i do apologize if i say something stupid :) I tried following the tutorial provided on the site but have had no luck. Anyways my code so far is: <!doctype html> <html> <head> <meta charset="utf-8"> <title> vectormap </title> <!--<link rel="stylesheet" media="all" href="css/jquery-jvectormap.css" /> --> <link rel="stylesheet" media="all" href="css/jquery-jvectormap-1.2.2.css" /> <script src="js/jquery-jvectormap-au-mill-en.js"></script> <script src="js/jquery-mousewheel.js"></script> <script src="js/jquery-1.8.2.js"></script> <script src="js/jquery-jvectormap-1.2.2.min.js"></script> <script src="js/jquery-jvectormap.js"></script> <script src="js/jvectormap.js"></script> <script src="js/map.js"></script> --> </head> <body> <div id="map" style="width: 100%; height: 400px"></div> <script> jQuery.noConflict(); jQuery(function(){ var $ = jQuery; $('#map').vectorMap({ map: 'au_mill_en'}); }); </script> </body> </html> The errors im getting are: 1. Uncaught ReferenceError: $ is not defined jquery-jvectormap-au-mill-en.js:1(anonymous function) \ 2. Uncaught ReferenceError: jQuery is not defined jquery-mousewheel.js:18(anonymous function) 3. Uncaught Error: Attempt to use map which was not loaded: au_mill_en Appreciate any help as this is doing my head in !! cheers