title: JQuery doesn't recognize 'tbody' and 'tr' of datatable using hover() method
body: <p>So I am working with a datatable and trying to create a hover window which will display data from the datatable and a picture, not important, thing is I am trying to append a div with premade css classes for this project into either a cell or row using hover(), but jquery doesn't recognize the body and row of the datatable. Here is a fiddle I tested it on <a href="https://jsfiddle.net/r6tbv9uz/6/" rel="nofollow noreferrer">https://jsfiddle.net/r6tbv9uz/6/</a> and it works just fine, 
  and here is a code I am using in the project:</p>
  
  <pre><code>$('.datatable-sort').find('tbody').hover(
      function () {
          console.log('hovered in');
          var iDiv = CreateHoverElement();//the div is a bit complex so I have separate function for it
          var element = $(this).closest('tr');
          element.append(iDiv);
      },
      function () {
          var element = document.getElementById('tablehover');
          element.parentNode.removeChild(element);
          console.log('hovered out');
      }
  );
  </code></pre>
  
  <p>The thing is when I use the hover as such:</p>
  
  <pre><code>$('.datatable-sort').hover(function(){...},function(){...})
  </code></pre>
  
  <p>The hover function works perfectly but that wont help me as I need the hover out part to work within a row and only in tbody.
  I have tried lot of googling around and lot of trial and error but can't figure it out, if anyone has ideas i would appriciate it, Thanks.</p>
  
  <p>EDIT: html snippet of the datatable:</p>
  
  <pre><code>&lt;table class="table table-striped datatable-sort compact fixedHeader-locked"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th scope="col"&gt;Time&lt;/th&gt;               &lt;!--Created--&gt;
                          &lt;th scope="col"&gt;Lane&lt;/th&gt;               &lt;!--LaneNumber--&gt;
                          &lt;th scope="col"&gt;Credence(%)&lt;/th&gt;        &lt;!--Credence--&gt;
                          &lt;th scope="col"&gt;LPN&lt;/th&gt;                &lt;!--Plate--&gt;
                          &lt;th scope="col"&gt;LPN(%)&lt;/th&gt;             &lt;!--PlateConfidence--&gt;
                          &lt;th scope="col"&gt;Country&lt;/th&gt;            &lt;!--CountryCode--&gt;
                          &lt;th scope="col"&gt;Country(%)&lt;/th&gt;         &lt;!--CountryConfidence--&gt;
                          &lt;th scope="col"&gt;Speed(km/h)&lt;/th&gt;        &lt;!--Speed--&gt;
                          &lt;th scope="col"&gt;Speed change(km/h)&lt;/th&gt; &lt;!--SpeedDifference--&gt;
                          &lt;th scope="col"&gt;Width(cm)&lt;/th&gt;          &lt;!--Width--&gt;
                          &lt;th scope="col"&gt;Height(cm)&lt;/th&gt;         &lt;!--Height--&gt;
                          &lt;th scope="col"&gt;Length(cm)&lt;/th&gt;         &lt;!--Length--&gt;
                          &lt;th scope="col"&gt;Weight(kg)&lt;/th&gt;         &lt;!--Weight--&gt;
                          &lt;th scope="col"&gt;Axles&lt;/th&gt;              &lt;!--Axles--&gt;
                          &lt;th scope="col"&gt;VehicleID&lt;/th&gt;          &lt;!--ID--&gt;
                          &lt;th scope="col"&gt;ClassEUR13&lt;/th&gt;         &lt;!--Classification--&gt;
                          &lt;th scope="col"&gt;Version&lt;/th&gt;            &lt;!--null--&gt;
                          &lt;th scope="col"&gt;Title&lt;/th&gt;              &lt;!--null--&gt;
                          &lt;th scope="col"&gt;Direction&lt;/th&gt;          &lt;!--Direction--&gt;
                          &lt;th scope="col"&gt;Certainty&lt;/th&gt;          &lt;!--null--&gt;
                          &lt;th scope="col"&gt;Axles Count&lt;/th&gt;        &lt;!--AxleCount--&gt;
                          &lt;th scope="col"&gt;Gross Weight&lt;/th&gt;       &lt;!--null--&gt;
                          &lt;th scope="col"&gt;Axles 1 weight(kg)&lt;/th&gt; &lt;!--Axles[0].Weight--&gt;
                          &lt;th scope="col"&gt;Axles 2 weight(kg)&lt;/th&gt; &lt;!--Axles[1].Weight--&gt;
                          &lt;th scope="col"&gt;Heading (sec)&lt;/th&gt;      &lt;!--Height--&gt;
                          &lt;th scope="col"&gt;Gap (sec)&lt;/th&gt;          &lt;!--Gap--&gt;
                          &lt;th scope="col"&gt;Digital Signature&lt;/th&gt;  &lt;!--null--&gt;
                          &lt;th scope="col"&gt;Checksum&lt;/th&gt;           &lt;!--Checksum--&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
              &lt;/table&gt;
  </code></pre>
  
  <p>Rows are added to the table via JS script.</p>