title: Maphilight plugin not working in Wordpress due to jQuery conflict
body: <p>I am using the maphilight plugin on a US map so that when the mouse rolls over, the states change colors.</p>
  
  <p>(http://plugins.jquery.com/project/maphilight</p>
  
  <p>with demo:</p>
  
  <p><a href="http://davidlynch.org/js/maphilight/docs/demo_usa.html" rel="nofollow">http://davidlynch.org/js/maphilight/docs/demo_usa.html</a>)</p>
  
  <p>I had the following in my header.php (I am using wordpress):</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/themes/adventure-journal-child/js/jquery-1.2.3.pack.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/themes/adventure-journal-child/js/jquery.metadata.min.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/themes/adventure-journal-child/js/jquery.maphilight.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>It was working great until I installed Styles with Shortcodes (SWS), <a href="http://plugins.righthere.com/styles-with-shortcodes/" rel="nofollow">http://plugins.righthere.com/styles-with-shortcodes/</a>,  to be able to add tabs and tooltips which uses JQuery as well. </p>
  
  <p>The two were causing conflict. So once the jQuery code associated with maphilights was removed my tabs and tooltips work. I have been reading about this and realize loading the code into the header is not ideal anyways. 
  My question is: How can I get maphilight to work without causing conflict?</p>
  
  <p>I tried: </p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
      jQuery.noConflict();
      jQuery(function() {
          jQuery('.map').maphilight({fade: false}); /*set true for fading hover effect*/
             });
  &lt;/script&gt;   
  </code></pre>
  
  <p>Can the maphilight plugin use the same jQuery as my Styles with Shortcodes? Is so how do I do this?</p>
  
  <p>I think I need to use wp_enqueue_script in the functions.php, but am not sure how to go about doing it. </p>
  
  <p>My end goal is to be able to roll over a state on the map and it highlights and a tooltip pops up with text and links inside.
  Thanks so much!</p>