title: Trouble jquery ui hover to fetch data from database
body: <p>Having trouble to show the result of tooltip coming from database. here is the process of my code I got multiple months calendar using jquery ui and when user hover on the date it will show a tooltip having a list of event came from database and load it to div but I'm having trouble to fetch the data from database comparing the date that user hover.</p>
  
  <p>Below are my code js and php  </p>
  
  <pre><code>       $(document).ready(function () {
               $("event_calendar").datepicker(
              numberOfMonths: 3,
              showButtonPanel: true,
               );     
  
        $('td a').live('mouseenter', function () { 
              var day = $(this).text();
              var month = $(this).parent('.ui-datepicker').find('.ui-datepicker-month').text();
              var year  = $(this).parent('.ui-datepicker').find('.ui-datepicker-year').text();
  
              var dateSelected = month + day + year;
  
               $('.demo').html(date);
               $('#tooltip').load("event_list.php", {thisDate: dateSelected});
               $('#tootltip').css('visibility', 'visible')
         });
  
  
      });
  
  event_list.php
  
  $thisDate = $_REQUEST['thisDate'];
  
  $qry = "SELECT * FROM event where eventdate = '$thisDate'";
          $result = mysql_query($qry) or die ("Error in query: $qry. " . mysql_error());
          while($row = mysql_fetch_object($result)){
          echo $row-&gt;event_name;
          }
  
  It doesnt show any output on &lt;div id="tooltip"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>my date format is UNIX timestamps stored on mysql database</p>