title: jQuery datatable search highlight not working
body: <p>I'm using jQuery datatable in our application to show tables. Now we want to highlight the search text which are searched by jQuery's in-built search textbox.</p>
  
  <p>We are using jQuery's own site for <a href="https://datatables.net/blog/2014-10-22#Feature-plug-in" rel="nofollow noreferrer">reference</a>.</p>
  
  <p>Below is our code:<br></p>
  
  <pre><code>&lt;link rel="stylesheet" href="/css/jquery.dataTables.min.css" /&gt;
  &lt;link rel="stylesheet" href="/css/dataTables.searchHighlight.css" /&gt;
  &lt;script type="text/javascript" src="/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/jquery.highlight.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/dataTables.searchHighlight.min.js"&gt;&lt;/script&gt;
  &lt;script th:inline="javascript"&gt;
  $(document).ready(function() {
      var table = $('#pspTable').DataTable({
          pagingType: 'full_numbers',
          searchHighlight: true
      });
  } );
  &lt;/script&gt;
  </code></pre>
  
  <p>However, whenever I'm running the application it's throwing the following error:</p>
  
  <blockquote>
    <p>TypeError: jQuery.highlight is not a function</p>
  </blockquote>
  
  <p>This is referencing to following code segment of jquery.highlight.js:</p>
  
  <pre><code>return this.each(function () {
          jQuery.highlight(this, re, settings.element, settings.className);
      });
  </code></pre>
  
  <p>Is there some bug in the library or I'm missing something here? Please help me with it.</p>