Jquery Hover issue (works in my test project - not main project)

Jquery Hover issue (works in my test project - not main project)

Hi Everyone,
 
'm having an issue with a Jquery Hover using mouseover - I know the code works as I've got it working on my test site (this is just a front end test site...no backend code at all). I think the issue is that in my main site it can't find the element - Might be to deep for the script to find the ID.
Anyone got an idea on how I can get this to work? See code below Jquery Code:-
  1. <script type="text/javascript">   
  2. $(function ()
    { var moveLeft = 20; var moveDown = 10;
    $
    ('#trigger').hover(function (e) {
     $('div#pop-up').show() .css('top', e.pageY + moveDown) .css('left', e.pageX + moveLeft) .appendTo('body'); }, function ()
    { $('div#pop-up').hide(); });
     $('#trigger').mousemove(function (e) {
    $
    ("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft); }); });
    </script>
See below HTML and ASP Code:-

 

  1. <div id="Content_pnlBizDescription">
    <span id="Content_lblBizProfileAttributeID1" class="userdescription">This is my company Slogan i wrote using teh MAnage Profile area.</span>
    <div class="userlocation"> <img id="Content_Image1" align="absmiddle" src="../Images/IconShock%20Images/information_blue_16.png"> (Amusement/Entertainment) <span id="MainContent_Label1" class="comptitlelocationspacer">|</span>


    <a id="trigger" class="openingtimesBizprof">OPEN: Today 9:00-5:00PM</a> </div>
 
Steve