title: jQuery / prototype conflict
body: <p>I am using a jQuery hoverIntent.js script for a mega drop down menu system inspired by Son Tonaka's mega drop down w/CSS &amp; jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery.  My page includes a prototype.js script that is inserted by a 3rd party supplier (this is a real estate website that loads property search and lead management content).  It loads last just before the  tag.  My menu script and jQuery calls are loaded at the top of the  tag.  Below I've included 2 links.  The first link I've commented out the call to the prototype.js and the menu works fine.  The second link has the call to the prototype.js and the drop down does not work.</p>
  
  <ol>
  <li><p>Working drop down : <a href="http://www.myreoforeclosures.com/_menutestfromcode.html" rel="nofollow noreferrer">http://www.myreoforeclosures.com/_menutestfromcode.html</a> (prototype.js commented out)</p></li>
  <li><p>Not working drop down: <a href="http://www.myreoforeclosures.com/_menutestfromcode2.html" rel="nofollow noreferrer">http://www.myreoforeclosures.com/_menutestfromcode2.html</a> (with prototype.js working)</p></li>
  </ol>
  
  <p>I've tried many variations of the jQuery noConflict() resolutions suggested at the jQuery website, but for the life of me, I cannot get the conflict resolved.  I have reduced the above links to just the basics of the CSS and HTML to test the drop down.  </p>
  
  <p>Please note I am climbing a steep learning curve with Web 2.0/CSS/jQuery as this is my first attempt designing a website using these tools (vs table based websites previously).</p>
  
  <p>Any help to get the jQuery and the prototype to work together would be greatly appreciated.  I only have control of the jQuery script so any resolution has to be done to jQuery. I do not have any control over the prototype.js.</p>