title: .tooltip() is not a function
body: <p>I am trying to use the .tooltip() that I found from the following: <a href="http://wiki.jqueryui.com/w/page/12138112/Tooltip" rel="noreferrer">Jquery-ui tooltip</a>. What I have is a rails app that has some information in a table. In separate cells. Currently you can view the full information of a cell by clicking it which opens up jquery dialog which works fine. What I am trying to add to it is so that there will be two options.</p>
  
  <ul>
  <li><p>1) Click the cell which brings up jquery dialog - which works already</p></li>
  <li><p>2) Or hover a cell which shows an overview.</p></li>
  </ul>
  
  <p><a href="http://postimage.org/image/mgbvm096t/" rel="noreferrer">Image</a></p>
  
  <p>From the image currently you have a booking that you can click on and it will show the booking information. However I am trying to extend it so that the user has the option of clicking to view the information or hovering over the cell to view the information. </p>
  
  <p>What is the best way to do this? I have the following code which works with and brings up the dialog. I tried adding:</p>
  
  <pre><code>&lt;td class="&lt;%= booking.status %&gt;" onmouseover='$("#booking&lt;%= booking.id %&gt;").tooltip()'&gt;
  </code></pre>
  
  <p>before  which didn't work, and I probably understand that it wouldn't work because there would be a conflict between the two. In addition to this I did try using simpletip and qtip but seemed to not have no luck. Is what I am trying to do not feasible. </p>
  
  <pre><code>&lt;td class="&lt;%= booking.status %&gt;" onclick='$("#booking&lt;%= booking.id %&gt;").dialog()'&gt;
    &lt;center&gt;
    &lt;%= booking.reference_number %&gt;
    &lt;% if current_user.is_booking_manager? %&gt;
      (&lt;%= booking.company_name %&gt;)
    &lt;% end %&gt;
  &lt;/center&gt;
  &lt;div style="display:none;"&gt;
    &lt;% if not booking.provisional? or current_user.is_booking_manager? %&gt;
      &lt;div id="booking&lt;%= booking.id %&gt;" title="Booking Information"&gt;
    &lt;% else %&gt;
      &lt;div id="booking&lt;%= booking.id %&gt;" title="Edit Booking"&gt;
    &lt;% end %&gt;
        &lt;%= render :partial =&gt; "booking_dialog", :locals =&gt; { :booking =&gt; booking } %&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>